Foros del Web » Creando para Internet » CSS »

Como distribuir varios ul uniformemente

Estas en el tema de Como distribuir varios ul uniformemente en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/11/2009, 13:09
 
Fecha de Ingreso: octubre-2008
Mensajes: 4
Antigüedad: 15 años, 5 meses
Puntos: 0
Como distribuir varios ul uniformemente

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
  #2 (permalink)  
Antiguo 25/11/2009, 14:00
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Como distribuir varios ul uniformemente

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¡¡
  #3 (permalink)  
Antiguo 25/11/2009, 14:53
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Como distribuir varios ul uniformemente

Hola:

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

Saludos.

  #4 (permalink)  
Antiguo 26/11/2009, 02:37
 
Fecha de Ingreso: octubre-2008
Mensajes: 4
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: Como distribuir varios ul uniformemente

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.
  #5 (permalink)  
Antiguo 26/11/2009, 02:51
 
Fecha de Ingreso: octubre-2008
Mensajes: 4
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: Como distribuir varios ul uniformemente

para que os hagais una idea, lo que quiero conseguir es el efecto que realiza esta tabla pero utilizando elementos de lista
Cita:
<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
  #6 (permalink)  
Antiguo 26/11/2009, 03:51
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Como distribuir varios ul uniformemente

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

Saludos¡¡
  #7 (permalink)  
Antiguo 26/11/2009, 11:54
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 15 años, 8 meses
Puntos: 0
De acuerdo Respuesta: Como distribuir varios ul uniformemente

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
  #8 (permalink)  
Antiguo 23/04/2010, 15:04
 
Fecha de Ingreso: marzo-2009
Mensajes: 36
Antigüedad: 14 años, 11 meses
Puntos: 0
Exclamación Respuesta: Como distribuir varios ul uniformemente

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.
  #9 (permalink)  
Antiguo 26/04/2010, 17:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Como distribuir varios ul uniformemente

Hola:

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

Saludos.

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 06:15.