Hola de nuevo Turu, lo de cambiar dinámicamente los estilos utilizando CSS solamente no lo veo posible. Una forma que se me ocurre para no utilizar ningún script sería poniéndole enlaces en la página (abajo del menú por ejemplo) que te cambien las hojas de estilo para adaptarse a las nuevas opciones. Pero tampoco veo porque hacerlo así pudiendo utilizar JS por ejemplo. Y para mantener la doble A podrías utilizar los enlaces que te digo alternativamente para los navegadores que no lo reconozcan o no lo tengan activado.
Bueno, eso sería ya decisión tuya y supongo que cada uno verá alternativas distintas. Pero, el caso que me dices de que no consigues el ancho 100% para la lista creo que sé porque es: - Fíjate que tú le aplicas el color ese gris a los <a> dentro de los <li> que a su vez están dentro de la <ul> ;-P. Haces perfectamente poniéndole ese width 100% tanto a body como a la ul, por lo tanto, la ul te está ocupando el 100% de la pantalla... Lo que pasa es que tú no lo puedes ver. Prueba a ponerle un borde a la ul ya verás como ocupa el 100%. No lo puedes ver porque el color gris lo tienen los a dentro de los li, no la ul. Tú "apilas" los li todos hacia la izquierda y por eso te queda ese espacio en la derecho en blanco, que es de la ul pero que no le aplicaste color. La solución podría ser que con CSS les pusieras un 33% de ancho a cada li (ponle el color de fondo a los li no a los a). Después ya te he dicho como haría yo, con JS añado nodos o le cambio estilos según convenga. Bueno, creo que me he enrollado mucho, espero que se me entienda. Saludos y suerte. --- Turu <[EMAIL PROTECTED]> escribió: > 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 > ______________________________________________ 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
