Foros del Web » Creando para Internet » HTML »

Filas columnas ul y li

Estas en el tema de Filas columnas ul y li en el foro de HTML en Foros del Web. Hola, No me manejo bien en lo que en css, por eso por favor ayuda... Necesito hacer lo siguiente : nombre|apellido|direccion|fecha de ingreso xxxxx | ...
  #1 (permalink)  
Antiguo 05/05/2011, 09:32
 
Fecha de Ingreso: junio-2007
Mensajes: 6
Antigüedad: 10 años, 6 meses
Puntos: 0
Filas columnas ul y li

Hola,
No me manejo bien en lo que en css, por eso por favor ayuda...
Necesito hacer lo siguiente :

nombre|apellido|direccion|fecha de ingreso
xxxxx | xxxxxx | xxxxxx | xxxxxxxxxxxx
xxxxx | xxxxxx | xxxxxx | xxxxxxxxxxxx
xxxxx | xxxxxx | xxxxxx | xxxxxxxxxxxx
xxxxx | xxxxxx | xxxxxx | xxxxxxxxxxxx

usando ul y li(solo si se puede)

<div id="lista">
<ul>
<li>nombre</li>
<li>apellido</li>
<li>direccion</li>
<li>fecha de ingreso</li>
</ul>
<ul>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
</ul>
<ul>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
<li> xxxxxxx </li>
</ul>
</div>




AGREDECERIA MUCHO EL APOYO A ESTA GRAN COMUNIDAD VIRTUAL....

GRACIAS
  #2 (permalink)  
Antiguo 05/05/2011, 10:16
 
Fecha de Ingreso: abril-2011
Mensajes: 47
Antigüedad: 6 años, 8 meses
Puntos: 13
Respuesta: Filas columnas ul y li

Claro, puedes usar listas (y 4 divs, un al lado del otro con width:100px, float:left por ejemplo).
Pero tu ejemplo me parece como una tabla "clasica". Solo son datos (no diseño) y por eso puedes usar una tabla. Es más facil.
  #3 (permalink)  
Antiguo 05/05/2011, 11:01
(Desactivado)
 
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 6 años, 7 meses
Puntos: 236
Respuesta: Filas columnas ul y li

Es muy simple agrega este estilo:
Código CSS:
Ver original
  1. <style>
  2. #lista ul li{display:inline}
  3. </style>
Y listo, problema solucionado, Saludos!
  #4 (permalink)  
Antiguo 05/05/2011, 12:07
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Filas columnas ul y li

buenas,
tambien podrias convertir la lista en una tabla. por supuesto, no me refiero cambiar los elementos, sino a traves de css aplicar display:(table | table-row | table-cell). segun la prueba que hice me funciona en iexplorer8.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 05/05/2011, 22:19
(Desactivado)
 
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 6 años, 7 meses
Puntos: 236
Respuesta: Filas columnas ul y li

Cita:
Iniciado por zerokilled Ver Mensaje
buenas,
tambien podrias convertir la lista en una tabla. por supuesto, no me refiero cambiar los elementos, sino a traves de css aplicar display:(table | table-row | table-cell). segun la prueba que hice me funciona en iexplorer8.

buena solucion! no la sabia hehe

Etiquetas: columnas, filas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:06.