Listas de lado

[klareNs]

Hay alguna propiedad para que pueda poner dos listas diferentes de lado dentro del mismo "div"?

Ejemplo:

<ul>
<li>nombre1</li>
<li>nombre2</li>
</ul>
<ul>
<li>nombre3</li>
<li>nombre4</li>
</ul>

y k kedasen asi:

nombre1 nombre3
nombre2 nombre4

[AlvaroG]

mi solución es la siguiente:

<div id="contenedor">
<ul id="lista1">
<li>nombre1</li>
<li>nombre2</li>
</ul>
<ul id="lista2">
<li>nombre3</li>
<li>nombre4</li>
</ul>
</div>

luego le pones float:left; a "lista1" y float:right a "lista2".
Juegas un poco con los anchos, tanto de las listas como de la capa, y queda pronto.

Saludos.

[klareNs]

gracias, y si tengo que poner 3 listas?..xDD

[AlvaroG]

si tienes que poner 3 listas, tienes que ponerle a una float:left, a otra float:right, ambas con los valores correspondientes de 'clear' (nunca lo tengo claro, por eso no te los pongo).
Esas son la 1º y la 3º.

Y a la del medio, si tiene espacio creo que debería colocarse automáticamente entre las otras, en cualquier caso siempre puedes jugar con los márgenes y el posicionamiento, pero creo que debería colocarse solita entre las otras.


Saludos.

[klareNs]

muchas gracias,yasta solucionado con lo que me has dicho del float...xD es un placer postear en estos foros.xD

[AlvaroG]

de nada, aunque la verdad es que cuando me preguntaste lo de las 3 listas me empezó a correr una gran gota de sudor por la frente

[furoya]

Hola todos :

alvlin : ¿Y con cuatro?.

Dejo 2 enlaces con más ejemplos.

Viñetas personalizables.

acerca de dos div

saludos

[AlvaroG]

pos con 4 lo que haría es aplicar lo mismo que con 2, solo que usando 2 div contenedores, uno con float:left y otro con float:right