Hola a todos.
Como mucha gente pregunta por un menú desplegable que esté hecho sólo con CSS, y algunos dan problemas con los diferentes navegadores, he hecho uno horizontal de dos niveles y centrado en la página, que pueda servir como referencia para desarrollar el propio a partir de ahí.
Menú CSS
La hoja de estilo
Ha sido probado y funciona correctamente en los siguientes navegadores:
- Firefox 2 y 3b5
- IE 6 y 7
- Opera 9.50
- Safari 3.1 Windows
- Konkeror
- Firefox 2.0 Linux
El código es válido XHTML 1.0 Strict y la CSS sin errores ni advertencias.
Espero que os sirva.
EDITO:
Como parece que están siendo prácticos, y por las consultas he ido haciendo más opciones, los voy a recopilar aquí para quienes no lean todo el hilo. También están en las FAQ.
Menú 2: menú horizontal con el segundo nivel también en horizontal.
Y su css.
Menú 3: segundo nivel en vertical, como el primero, pero que despliega hacia arriba.
Y su css.
Menú 4: segundo nivel en horizontal, como el segundo, pero hay que pulsar para que aparezca y queda activo tras hacerlo.
Y su css.
Menú 5: menú en vertical, con el segundo nivel también en vertical a su derecha.
Y su css.
Es lo que hay por el momento. Seguiremos añadiendo.
Mikel.