Foros del Web » Creando para Internet » CSS »

Menú ajustable al número de opciones.

Estas en el tema de Menú ajustable al número de opciones. en el foro de CSS en Foros del Web. Hola estimados, Tantas lunas. Vuelvo por estas tierras para hacerles una consulta: Resulta que tengo un menú hecho en listas con el módulo Maximenú de ...
  #1 (permalink)  
Antiguo 14/08/2014, 08:24
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 21 años, 1 mes
Puntos: 1
Menú ajustable al número de opciones.

Hola estimados,

Tantas lunas. Vuelvo por estas tierras para hacerles una consulta:

Resulta que tengo un menú hecho en listas con el módulo Maximenú de joomla el cual necesito que se ajuste al ancho de la página de acuerdo a las opciones que el administrador le vaya agregando o quitando. La estructura es muy similar a esta:

Código:
<ul>
<li><a><span>home</span></a></li>
<li><a><span>opcion 01</span></a></li>
<li><a><span><opcion 02></span></a></li>
</ul>
Cada vez que el administrador edita el numero de opciones debo ajustar el padding de los estilos del li para que se adapte al ancho, pero necesito que eso quede automático para que siempre se esté autoajustando con css.
Intenté jugar con el width y el display, pero no me resulta.
¿Alguna idea?

Aquí el link donde se encuentra el menú:
http://www.muniolivar.cl/

Saludos
__________________
La Pana
  #2 (permalink)  
Antiguo 14/08/2014, 15:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Menú ajustable al número de opciones.

Podrías intentar usar display: table-cell para imitar el comportamiento de una tabla:

Código CSS:
Ver original
  1. ul {
  2.   display: table;
  3. }
  4.  
  5. li {
  6.   display: table-cell;
  7. }
__________________
(:
  #3 (permalink)  
Antiguo 18/08/2014, 09:46
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 21 años, 1 mes
Puntos: 1
Respuesta: Menú ajustable al número de opciones.

Hola Pzin,

Gracias por tu respuesta.
Lamentablemente no obtuve el resultado esperado.

Saludos
__________________
La Pana
  #4 (permalink)  
Antiguo 19/08/2014, 19:17
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 21 años
Puntos: 998
Respuesta: Menú ajustable al número de opciones.

con javascript lo puedes hacer bien fácil, aquí un ejemplo usando jQuery: http://www.tympanus.net/Tutorials/ResizingMenu/
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 21/08/2014, 07:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Menú ajustable al número de opciones.

Cita:
Iniciado por ztikma Ver Mensaje
Lamentablemente no obtuve el resultado esperado.
Entonces hiciste algo mal o lo explicaste mal. Aunque yo creo que lo explicaste bien.

¿No es esto? Nótese que son dos listas, para ver que funciona:



Que es básicamente:

Código CSS:
Ver original
  1. ul {
  2.   display: table;
  3.   width: 100%;
  4. }
  5.  
  6. li {
  7.   display: table-cell;
  8.   text-align: center;
  9. }
__________________
(:

Etiquetas: ajustable, página, width
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 18:12.