Menu con niveles horizontal

[sergi_climent]

Hola,
estoy buscando algun tipo de menu horizontal q al pasar por encima de las opciones principales se desplegue, las opciones de submenu... donde puedo encontrar uno q sirva tanto por explorer y firefox?
es q el q usaba ahora para firefox no tira...

saludos y gracias por anticipado!

[DragonX]

entra en www.dynamicdrive.com a la sección "CSS library" y ahi vas a encontrar bastantes ejemplos de lo que buscas.

[sergi_climent]

Hola, es justamente la pagina q he estado mirando.. pero hay algunos menus q no funcionan en firefox, especialmente los horizontales con desplegable! aunke he encontrado uno q se ajusta a lo q yo quiero!

http://www.dynamicdrive.com/dynamici...rome/index.htm

xo a ver si me podeis pasar alguna pagina mas..


gracias de antemano... saludos

[DragonX]

raro que no funcionen el FF yo he utilizado algunos y no he tenido problemas...

si encuentro algun otro te lo paso, pero te recomiendo que entres al foro de CSS y averigues ahi.

[Daniel Ulczyk]

Fijáte los siguientes:

http://phoenity.com/newtedge/horizontal_nav/

http://www.tanfa.co.uk/css/examples/menu/hs6.asp

http://www.javascriptkit.com/script/...stopmenu.shtml

A mi gusto, me quedo con el primero: puro CSS!
Espero la info te sea útil. Saludos!

[fer10]

yo te recomiendo estos

http://alistapart.com/articles/horizdropdowns

son echos con puro css no necesitan javascript.. bueno a especion de IE6< ya que no acepta :hover en las LI pero en ie 7 ya, al no usar javascript los haces mas accesibles para lectores de pantalla, facil de modificiar, mas rapidos..

y lo mejor de todo.. los integras muy bien a tu css =)

[tunait]

Buenas

al loro con estos menús 'puro css' que pueden ser tan poco accesibles o incluso menos que algunos que usan javascript. Estos menús css, tal y como están, no funcionan con el teclado. No son accesibles desde el momento en el que dependen de eventos de ratón para funcionar. El hecho de que pasen un test de accesibilidad es porque estos tests se fijan si existen eventos onmouseover pero no revisan si las opciones de un menú se basan en :hover.

Ya sé que lo que se ha pedido en este tema es precisamente un menú con evento mouseover o hover pero quise dejar el comentario dado que ultimamente la gente recomienda menús puro css como algo accesible cuando en realidad no lo es (o no lo es tanto)

Puede ser más accesible, incluso, un menú con js que convierta el menú en desplegable sólo si el dispositivo que lo carga puede con él y si no que deje las opciones del menú a la vista. Es decir, que sea el propio js el que se encargue de "ocultar" los submenús inicialmente. Si no hay js, el menú queda enteramente visible.

Un saludo

[fer10]

genial tienes toda la razon, en la empresa kodak me comentaban que tiene cierta porotecion para no cargar determinados scripts y el menu no se desplegaba IE ya que solo con el depende de js..


aqui el principal porbelma surge que se necesitaaria crear 2 tipos de menus
1- siendo desplegable.
2- si desplegable.

osea que el diseño se adapte, pero simpre es bueno mientras se piense en la acceesibilidad.

lamentablemente yo no tengo ningun programa lector de pantallas que me puedan facilitar la prueba pero se me hace soprendente el echo de que quito css y me los muestra.. acaso el lector de pantalla lee el display:none que se coloca cuando ocultas el menu en css..


la verdad yo los prefiero por su sencilles y por lo rapido que son de hacer conociendo otros que tienes que crear una array para poder colocar los valores del menu...


ojala en algun momento podamos usar :focus para poderlo desplegar..


pero lo que yo hago es usar tambien el enlace que despliega el menu como un menu tambien que te manda a una pagina con los menus desplegables.. eso hace que si no lo carge, puedes entrar a una seccion donde estan estos menus (tambien se puede hacer asi).


cada dia se aprende mas gracias tunait