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