Hola Adriana!
Sí, es una manera de hacer una lista en dos columnas. El problema que le veo
es la difícil actualización: cuando tengamos que añadir un elemento en medio
de la lista tendremos que cambiar las clases de los subsiguientes elementos.
No se puede tener todo... y en este caso menos. :)
Un saludo!
Gael
At 09:18 28/09/2005 +0200, you wrote:
Buenas,
Una manera de hacer una única lista a dos columnas muy sencilla
Solo con dos clases
.fleft{clear:left; flota:left;}
.fright{clear:right; flota:right;}
ul
li class=fleftElemento/li
li class=frightElemento/li
li class=fleftElemento/li
li class=frightElemento/li
/ul
Espero que os sirva..
saludos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gael
Enviado el: martes, 27 de septiembre de 2005 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Listas y texto en columnas en alisapart
Hola!
No acostumbro a debatir en la lista, porque la mayoría me dais mil vueltas,
y me dedico a aprender de lo que escribís. Hoy han aparecido un par de
artículos en A List Apart que he encontrado interesantes. No sé qué
opinaréis vosotros.
El primer artículo es CSS Swag: Multi-Column Lists
http://www.alistapart.com/articles/multicolumnlists . Habla de partir una
lista en varias columnas (algo que tuve que hacer hace un tiempo) y examina
varias formas de hacerlo. En mi caso, tuve que hacer una lista en dos
columnas y terminé haciendo dos listas y flotándolas una al lado de la otra.
Parece que todavía no hay una manera fácil de hacerlo. La más sencilla y
que conserva la semántica de la lista es la primera (flotando los li), pero
los elementos se reparten por filas en vez de por columnas. En otros casos
hay que partir la lista en tantas listas como columnas o aumentado el CSS
con clases y más clases, dificultando la actualización del HTML. Y lo de
cross-browser por ver.
Parece mentira que una idea tan simple sea tan complicada de implementar,
no?
El otro artículo, Introducing the CSS3 Multi-Column Module
http://www.alistapart.com/articles/css3multicolumn , habla de propiedades
CSS propuestas para CSS3 (parece que Firefox 1.5 ya las implementa) para
repartir el texto en varias columnas, con sólo cuatro líneas CSS, en lugar
de usar javascript (del cual también habla), o flotar capas.
Supongo cuando CSS3 sea habitual podremos repartir texto y listas en
columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que
no soportan CSS3.
No sé qué opinaréis. A mi me han parecido interesantes estos dos artíuclos
juntos, aunque no dicen nada más que bueno, esto es lo que hay de momento,
lo que ganas por un lado lo pierdes por otro.
Un saludo
Gael
___
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
