Re: [Ovillo] menu navegacion liquido
Arturo Mieres 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.
Intenta hacer que el ul tenga un display: table con un ancho del 100% y
que los li tengan un display: table-cell
ul {display: table; width: 100%;}
li {display: table-cell;}
Si el contendido de los li tiene un ancho similar no debería quedar
demasiado raro.
Creo una mejor solución sería que los li tuviesen un display:
table-inline; y el li un text-align: justify; pero ese tipo de display
no está soportado por casi ningún ordenador.
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
pero eso no funciona en IE, tengo entendido
El 20/10/05, stripTM[EMAIL PROTECTED] escribió:
Arturo Mieres 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.
Intenta hacer que el ul tenga un display: table con un ancho del 100% y
que los li tengan un display: table-cell
ul {display: table; width: 100%;}
li {display: table-cell;}
Si el contendido de los li tiene un ancho similar no debería quedar
demasiado raro.
Creo una mejor solución sería que los li tuviesen un display:
table-inline; y el li un text-align: justify; pero ese tipo de display
no está soportado por casi ningún ordenador.
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
De acuerdo, pero debería poner porcentajes en funcion de las opciones que tenga, es decir si etngo dos elementos, un 50%, pero si tngo 7 elementos, como modifico ese porcentaje?, y si tengo 15 opciones (solo un loco las tendría), com pongo ese porcentaje desde las css? --- [EMAIL PROTECTED] escribió: mm, tal vez si tienes una lista horizontal de 100% debas proporcionar medidas proporcionales a cada elemento li __ 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] menu navegacion liquido
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
Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
On 19/10/05, Turu [EMAIL PROTECTED] wrote: [1] http://www.odei.es/accesible/menu_navegacion.htm Sobre lo de usar javasript no creo que sea posible, necesito accesibilidad nivel AA. Para no permitir que las mentes impresionables se lleven falsas impresiones, aclaro: el tener que lograr un determinado nivel de accesibilidad no implica en absoluto tener que renunciar a Javascript. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] menu navegacion liquido
Y para ilustrar un poco más esas mentes las pautas referentes a los scripts... 6.3[prioridad 1] Las páginas deben poder utilizarse aunque los scripts y objetos de programación estén desconectados o no sean soportados 6.4[prioridad 2]Para los scripts y applets, asegure que los manejadores de evento sean entradas independientes del dispositivo 8.1[prioridad 1] Haga los elementos de programación, tales como scripts y applets, directamente accesibles o compatibles con las ayudas técnicas [Prioridad 1 si la funcionalidad es importante y no se presenta en otro lugar; de otra manera, Prioridad 2]. 9.3[prioridad 2] Para scripts, especifique manipuladores de eventos lógicos mejor que manipuladores de eventos dependientes de dispositivos. Pablo Suárez León Programador Fundosa Teleservicios Grupo Fundosa Tlf. 91 121 03 41 Fax. 91 375 70 51 www.teleservicios.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
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
Ovillo@lists.ovillo.org
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
Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
Hola Manuel: No se porque, pero tenia la sensación que ante esa pega ibas a responder tu (perdona la confianza) :). Efectivamente el intentar lograr ciertos niveles de accesibilidad no implica tener que renunciar a él. En este caso creo que sí es así (han dado alternativas), pero aun y todo debería repasarme las pautas. Vamos que no quiero decir , javascript = malo. Un saludo y gracias por las aportaciones --- Manuel González Noriega [EMAIL PROTECTED] escribió: Para no permitir que las mentes impresionables se lleven falsas impresiones, aclaro: el tener que lograr un determinado nivel de accesibilidad no implica en absoluto tener que renunciar a Javascript. __ 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu navegacion liquido
On 19/10/05, Turu [EMAIL PROTECTED] wrote: Hola Manuel: No se porque, pero tenia la sensación que ante esa pega ibas a responder tu (perdona la confianza) :). Efectivamente el intentar lograr ciertos niveles de accesibilidad no implica tener que renunciar a él. En este caso creo que sí es así (han dado alternativas), pero aun y todo debería repasarme las pautas. Vamos que no quiero decir , javascript = malo. Un saludo y gracias por las aportaciones No quería reñirte, solo puntualizar este tipo de cosas porque aunque los que participan en la discusión sobreentiendan ciertos aspectos, puede haber gente menos experimentada que se quede con ideas erroneas a partir de frases equívocas. Por eso están bien mensajes como el de Pablo que refrescan con claridad esos puntos para que no haya confusiones :) -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] menu navegacion liquido
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
Ovillo@lists.ovillo.org
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
Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la
siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
