Cómo puedo hace listas de elementos en varias columnas?

Tengo una lista de elementos <li>. Resulta que quiero hacer que estos elementos se muestren en varias columnas. Es eso posible?

Me explico. En lugar de uno debajo de otro en una sola columna, quiero que salgan en dos o más columnas distintas. Lo he visto hacer en algunas parte anteriormente, pero no se si se tienen que utilizar dos listas distintas o si hay algún atributo de la lista que sirva para indicar que se muestre en varias columnas.

La FAQ Cómo puedo hace listas de elementos en varias columnas? tiene Una respuesta
un comentario no revisado
Pertenece a la categoría:

CSS

Respuesta de Miguel Angel Alvarez

14/3/07

Eso que nos comentas es una facilidad que te puede ofrecer CSS. Con una simple declaración de estilos css de la lista (tanto etiqueta <ul> como <li>) puedes definir el espacio de cada elemento y si quieres que se organicen en columas o no.

No hay una manera específica de decirle que utilice 3 columnas, por ejemplo, sino que lo que puedes definir es el espacio que debe ocupar cualquier elemento de la lista y que se tienen que situar uno al lado del otro, mientras quepan en la fila.

Bueno, lo tenemos comentado en un par de artículos, por lo que lo mejor es que lo leas directamente allí, porque está mucho mejor explicado.

Generar Columnas con CSS de una lista sin tablas.

Maquetar listas con CSS

Complementar la respuesta
Volver al árbol de categorías

Comentarios sin revisar

Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

Se ha encontrado un comentario sin revisar

Ver los comentarios no revisados

FAQ relacionadas
  + Estilos en barras de desplazamiento
  + Estilos CSS en los botones de formularios y Netscape 4
  + Manuales de CSS
  + Enlaces que cambian al pasar el ratón
  + ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?
  + ¿Como puedo cambiar el color de la barra de desplazamiento?.
  + Diferencias de colocar estilos CSS en distintos lugares
  + Cambiar color a los enlaces
  + Quitar subrayado a los enlaces
  + Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros
  + Estilo en los campos de formulario
  + Cambiar el tamaño de letra de un menú select
  + Cambiar el estilo de la primera letra de un párrafo
  + Aplicar estilo a la primera línea de un texto
  + Menú dinámico con CSS
  + Textarea sin borde
  + Clip en un div
  + Efecto sombra en mi página
  + Maquetar un boletín con CSS
  + Caja con CSS
  + Estilo en tablas HTML con CSS
  + Aspecto del cursor con CSS
  + Capas en CSS
  + Qué es Shorthand
  + Maquetar una web con CSS
  + problema al aplicar z-index a elementos select de formulario
  + Maquetar por tablas o por capas
  + Algunos programas para editar CSS
  + Maquetar galería de fotos con CSS
  + Rollover con CSS
  + Botones con estilos
  + ¿Qué Significa CSS?
  + Minúsculas con CSS
  + Hojas de estilo en cascada (CSS)
  + Formulario con CSS
  + Efecto de sombra con CSS
  + Cambiar tipografía para toda la página
  + Imprimir con CSS
  + Comentarios en CSS
  + Cómo eliminar los márgenes abajo y arriba que tiene un formulario
  + ...

Para ver más FAQ relacionadas accede a las categorías:

CSS

Complementar la respuesta
Volver al árbol de categorías


	Portada \| Monotemáticos \| Secciones \| Desarrolladores \| Comunidad \| Servicios \| Servicios profesionales \| RSS

	DesarrolloWeb.com > FAQ

	Complementar la respuesta
	Volver al árbol de categorías

		DesarrolloWeb.com \| Copyright \| Anunciese \| Acerca de \| Datos legales \| Contacta \| Por GuiarteMultimedia