En http://css.artnau.com/exemples/llistat-de-varies-columnes.html se propone una solución mucho más facil de mantener y que además permite más de dos columnas.
No lo he mirado a fondo y puede que tenga otros inconvenientes, pero en principio es bastante simple y elegante ya que se basa en darle una anchura a UL y luego un porcentage a los LI para que se "repartan" el espacio (50% para dos columnas, 33% para 3columnas...) y si algún elemento de la lista es muy largo, ocupa dos líneas -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Gael Enviado el: miércoles 28 de septiembre de 2005 12:08 Para: Ovillo, la lista de CSS en castellano Asunto: RE: [Ovillo] Listas y texto en columnas en alisapart 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="fleft">Elemento</li> > <li class="fright">Elemento</li> > <li class="fleft">Elemento</li> > <li class="fright">Elemento</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 [email protected] 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
