Re: [Ovillo] problema con líneas en dos columnas

2006-05-16 Por tema Núria Ramoneda
Grácias Pablo, el problema que yo me encuentro es al ponerle una unidad
menor de 1, es decir 0.5 por ejemplo, porque quiero sólo un poquito de
separación más. Bien, pués IE no hace caso de los valores menores de 1. Con
valores de 1 o más, se ve bien, como tu dices.

Núria

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Pablo Valaitis
Enviado el: lunes, 15 de mayo de 2006 21:42
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] problema con líneas en dos columnas




Con fecha lunes, 15 de mayo de 2006,
la escribió:

 lo del espaciado entre letras
 aún no he conseguido que me funcione igual en IE i FF, de momento  lo he
dejado en 0, pero es otro problema

a mí me funciona bien tanto en uno como en otro, IE y FF.
la única diferencia que veo es que le pongo las unidades, píxels en mi caso.

letter-spacing: 1px;


--
Saludos, Pablo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Ramon Pravia
Hola

Núria Ramoneda escribió:

Bien, si mirais la página que estoy construyendo, vereis que no me alinea
bien las horas de la columna izquierda con los textos de la derecha. Empieza
bien, pero cuanto más texto hay a la derecha, más se desplazan hacia abajo
las líneas de las horas.

 ... yo en un caso como este, lo marcaría con una lista de definición.
Las horas serían los dt's y los actos los dd's. Podrías definir la altura y
anchura de los dt's (horas) y a continuación, jugar con los márgenes de los
dd's para colocarlos adecuadamente. Sería algo así:

dt{
   width:100px;
   height:20px;
}
dd{
   background:blue;
   margin: -20px 0 0 100px;
}

No sé si te servirá



-- 
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65

http://simplelogica.net/caoticoneutral/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Hermann Kaser
On 5/15/06, Núria Ramoneda [EMAIL PROTECTED] wrote:
 Hola, buenos dias, soy Núria, de Barcelona. Hace ya unos dias que os voy
 leyendo y me va siendo muy util todos los comentarios y dudas resueltas que
 voy leyendo. Hoy necesito yo que me echeis un cable, si alguien puede.

 Vereis, en esta página estoy maquetando el programa de un congreso tal y
 como lo quieren los diseñadores gráficos. Bien. He creado dos divs para las
 columnas que han de contener la hora y la información. Los he definido así:

 .colA {float:left; width:115px; height:auto; z-index:1; margin:0; }

 .colB {width:451px; height:auto; z-index:2; margin-left: 117px; }

 Además he definido como quiero el párrafo. (lo del espaciado entre letras
 aún no he conseguido que me funcione igual en IE i FF, de momento lo he
 dejado en 0, pero es otro problema)

 .colA p {margin:0 0 0 0;padding:0 0 1px 0;line-height:16px; letter-spacing:
 0;}
 .colB p {margin:0 0 0 0;padding:0 0 0 0;line-height:16px; letter-spacing:
 0; }

 Bien, si mirais la página que estoy construyendo, vereis que no me alinea
 bien las horas de la columna izquierda con los textos de la derecha. Empieza
 bien, pero cuanto más texto hay a la derecha, más se desplazan hacia abajo
 las líneas de las horas. He utilitzado p todo el rato, precisamente con la
 intención de que las separaciones fueran iguales, al definir su altura i sus
 paddings iguales. Pero está claro que me dejo algo o bien que por mucho que
 lo definamos, no se muestra igual un párrafo sin texto, que uno con texto.
 Esta es la página.

 http://www.memorialdemocratic.net/pagines/cat/programa2.html

 Culaquier idea será bien recibida. Grácias de antemano

 Núria
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://ovillo.org/mailman/listinfo/ovillo


Hola Nuria,

Creo que en este caso te vendria mejor usar una lista sin ordenar, de
esta manera puedes tener dos span, uno con la hora y otro con la
descripcion, y de esta manera podrias tenerlo todo bien alineado.
Ademas resulta mas semantico que tener dos columnas independientes,
una con las horas y la otra con las descripcciones.

Saludos,
Hermann Kaser
http://www.theragingche.com/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Ramon Pravia
Creo que en este caso te vendria mejor usar una lista sin ordenar, de
esta manera puedes tener dos span, uno con la hora y otro con la
descripcion, y de esta manera podrias tenerlo todo bien alineado.
Ademas resulta mas semantico que tener dos columnas independientes,
una con las horas y la otra con las descripcciones.


Acabas de explicar lo que es una lista de definición. ¿Por qué utilizar una
ul con spans cuando tenemos un hermoso elemento dl que está pensado para
esto? ;)

saludos

-- 
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65

http://simplelogica.net/caoticoneutral/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Ramon Pravia
jeje... es que me sonaba complicado lo de la ul con spans, nada más :)

saludos

-- 
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65

http://simplelogica.net/caoticoneutral/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Elena Salas
Hola
como te comentaba Hermann la lista es una buena opción, si quieres un
ejemplo...


style
 .list_as_tbl dt{float:left;width:6em;clear:left;}
 .list_as_tbl dd{margin-left:7em;padding-bottom:0.5em;}
/style


 dl class=list_as_tbl
 dt9:00–9:30 h/dt
 ddLliurament d'acreditacions i documentació/dd
 dt9:30-10:30 h/dt
 ddRicard VINYES (Universitat de Barcelona)/dd
 dt10:30-11:30 h/dt
 ddElisabeth LIRA (Comissió sobre Presó Política i Tortura, Xile) La
reparació del dolor de la repressió, un deure democràt/dd
 dt11:30-12:15 h dt
  ddasfddasfa asfads /dd
/dl
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con líneas en dos columnas

2006-05-15 Por tema Pablo Valaitis


Con fecha lunes, 15 de mayo de 2006,
la escribió:

 lo del espaciado entre letras
 aún no he conseguido que me funcione igual en IE i FF, de momento  lo he 
 dejado en 0, pero es otro problema

a mí me funciona bien tanto en uno como en otro, IE y FF.
la única diferencia que veo es que le pongo las unidades, píxels en mi caso.

letter-spacing: 1px;


-- 
Saludos, Pablo  

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo