Yo tengo una idea:
Tenés que hacer varios ULs, con un numero máximo de opciones cada uno.
Y a los LIs les tenés que dar min-width y max-width, o quizás un
porcentaje generado dinámicamente. Esto puede ser inline para no tener
que meter la hoja de estilo dentro de un php. Es decir
<li style="width:<? echo (100/$cant_opciones) ?>">
Esto te sirve para muchas opciones tambien, pero creo que lo ideal es no
tener mas de X por renglón y generar varios ULs (pueden ser nesteados
dentro de un UL que los contenga, porque eso dicen que es mas accesible,
si es el mismo menu, deben estar todos dentro de un UL>
Suponiendo que tu límite sea de 3 opciones por renglón, quedaría asi:
<ul>
<li>
<ul>
<li style="width: 33%">opcion 1</li>
<li style="width: 33%">opcion 2</li>
<li style="width: 33%">opcion 3</li>
</ul>
<ul>
<li style="width: 50%">opcion 1</li>
<li style="width: 50%">opcion 2</li>
</ul>
</li>
</ul>
Martin.
Turu wrote:
Efectivamente eso es lo que pretendo. Había probado
con todo eso, pero el ancho sigue sin moverse....,
incluso lo he hecho en el ejemplo que he subido a la
web[1]. Pero nada de nada.
[1] http://www.odei.es/accesible/menu_navegacion.htm
Sobre lo de usar javasript no creo que sea posible,
necesito accesibilidad nivel AA.
Un saludo y gracias por las respuestas
--- Fran Rives <[EMAIL PROTECTED]> escribió:
No sé si te he entendido muy bien. Por si acaso voy
a
poner lo que creo que quieres: tú quieres tener un
menú que siempre ocupe el 100% del ancho del body.
Ese
menú es una ul con varios li (el número varía), pero
la condición es que se adapte al número y siempre
ocupe este ancho. Al mismo tiempo este número de
opciones va creciendo/disminuyendo dinámicamente
según
el usuario... ¿Algo así?
Si es así y no he entendido mal y si quieres que la
ul
te ocupe todo el ancho, no puedes hacer un simple ul
{
width: 100%;}?
Por el mensaje que pusiste después del primero veo
que
lo de li {display: inline; } ya lo tienes. Y también
me llama la atención que preguntes como se hace eso
con CSS. Si lo quieres generar dinámicamente la
respuesta ya la tienes tú mismo, JavaScript.
Me imagino que el usuario iría introduciendo datos y
podría acceder a estos datos mediante estas opciones
nuevas que se le agregarían en este menú horizontal
no? Creo que es eso más o menos lo que quieres.
Entonces lo puedes hacer con JS y le cambias los
estilos.
Un saludo.
--- Arturo Mieres <[EMAIL PROTECTED]> escribió:
Hola a todos:
Hace tiempo que sigo la lista, pero desde hace
varios
dias se me ha planteado la siguiente duda.
Tengo un menu superior de navegación, en que las
opciones para cada usuario, dependiendo del perfil
que
tenga, pueden ir, desde dos hasta ¡¡ infinitas !!
(extraño pero es lo que el cliente quiere), es
decir
no tiene un numero maximo de opciones.
Este menu se genera dinamicamente. Me puse manos a
la
obra, y el problema es que cuando tengo pocas
opciones, no se como hacer que el menu ocupe todo
el
ancho de pagina (osea un width: 100%). El menu lo
estoy haciendo con listas desordenadas.
Existe alguna otra posibildad? si es asi cual es?
Otra pega es que debe ser accesible nivel AA.
Gracias de antemano. A ver si salgo de esta.
______________________________________________
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a
[email protected]
Puedes modificar tus datos o desuscribirte en la
siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
______________________________________________
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a
[email protected]
Puedes modificar tus datos o desuscribirte en la
siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
______________________________________________
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Martin Szyszlican
www.y.net.ar
___________________________________________________________
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
