Como distribuir varios ul uniformemente

[slinkys]

Hola,
Estoy haciendo un menú horizontal y me ha surgido una duda existencial... Creo que es lo primero que no consigo maquetar con css y realmente no se si es posible hacerlo, por lo que os pido ayudaaaaa a todos esos gurus que hay por aqui ayudando.
Necesito crear un menu horizontal a poder ser con una estrucutra de lista para mantener una correcta sintaxis. La historia viene porque el contenedor del menu tiene un ancho líquido, aunque con un ancho max y min fijado.

A su vez los elementos li no tienen todos el mismo ancho. Se puede hacer que los elementos li se distribuyan uniformemente de modo horizontal, o sea que el espacio entre ellos cambie al cambiar el ancho del div contenedor.

No se si lo he dejado muy claro asi que os pego un ejemplo:
img341.imageshack.us/img341/3680/sintitulo1.jpg

[Impostor]

No se si te he entendido bien, en principio, los <li> se pueden adaptar a su contenido no poniendoles una medida, se pueden poner todos fijos, asignadoles un tamaño o bien, lo puedes modelar asignandole a cada uno una clase diferente.

De todas formas, mirate estos dos enlaze, alli me ayudarón mucho.

http://www.librosweb.es/css/capitulo...vanzados2.html

http://www.araudi.net/ejemplos/menu_centrado.html

Saludos¡¡

[jomaruro]

Hola:

http://www.forosdelweb.com/f53/faqs-...ml#post2453726

Saludos.

[slinkys]

Muchas gracias,
Pero creo que no me he explicado bien: Lo que necesito es que el espacio entre botones se reparta en los margenes entre los distintos botones. Este espacio no es constante sino que puede variar dependiendo del ancho del explorador.

[slinkys]

para que os hagais una idea, lo que quiero conseguir es el efecto que realiza esta tabla pero utilizando elementos de lista

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" bgcolor="#000000">&nbsp;</td>
<td>&nbsp;</td>
<td width="250" bgcolor="#000000">&nbsp;</td>
<td>&nbsp;</td>
<td width="190" bgcolor="#000000">&nbsp;</td>
</tr>
</table>

Al cambiar el tamaño de la ventan del navegador cambian los margenes entre las celdas negras

[Impostor]

Buenas, en ese caso tendras que jugar con los margenes laterales de cada elemento <li>, hasta obtener el efecto deseado.

Saludos¡¡

[prava]

Hola, puedes probar con esto quizas te sirva:

Código:

ul { list-style-type: none; margin: 0; padding: 0; }
li { width: 24.9%; float: left; text-align: center; }

La idea es flotar las <li> y ponerle un porcentaje de ancho, en este caso es para 4 items y dividí el 100% entre cuatro, y le quité un poco porque en IE da error sinó por el tema de las barras de scroll.

Espero que te sirva.
Salu2

[sebasdevoto]

Hola quiero con css darle a una tabla
que las 3 filas queden distribuidas en sus tamaños
uniformemente, es decir que sean iguales en cuanto a espacio
para distribuir texto, como seria?
Y si quiero que una fila sea mas chica que otra?

Espero respuesta, muchas gracias, svt.

[jomaruro]

Hola:

En las FAQ's de CSS existen varios ejemplos de menús desplegables, quizá alguno te sirva para solucionar tu problema.

Saludos.