Re: [Ovillo] problema con líneas en dos columnas
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
[Ovillo] problema con líneas en dos columnas
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
Re: [Ovillo] problema con líneas en dos columnas
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
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
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
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
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
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
