Filas columnas ul y li

[pviera]

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

[samplei]

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.

[angelfcm]

Es muy simple agrega este estilo:

Código CSS:

<style>
#lista ul li{display:inline}
</style>
 

Y listo, problema solucionado, Saludos!

[zerokilled]

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.

[angelfcm]

Iniciado por zerokilled

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