Listas semánticas en varias columnas.

Del creador del Menu Circular con CSS, el bloguero de metal.ize tiene ahora otro tutorial interesante. La propuesta, hacer listas semanticamente correctas, pero con un diseño de varias columnas. Como sabemos, la forma clasica de hacer esto es con tablas, pero no es la mejor manera. En cambio si lo hacemos con las listas de toda la vida, solo tenemos una columna... a menos! de que usemos un poco de CSS ^^

Una lista correcta y semántica viene definida de la siguiente forma:

Code:

Pero como sabemos, este código solo nos va a dar una columna. Siguiendo los pasos de su tutorial (son 3 páginas, no se pierdan) podemos obtener (aunque de forma limitada) varias columnas en nuestras listas, de la cual esta disponible esta demo online.

Despues de leer el tutorial, entenderan cuales son las limitaciones de estas listas. He estado haciendo unos experimentos para poder obtener listas más flexibles en cuanto a columnas y filas pero no he conseguido mucho. Si alguien encuentra la clave, que la comparta ... yo seguiré haciendo pruebas en mis ratos libres.

Enlace Recomendado | Metal.ize