Menús desplegables con CSS
Los menús desplegables solucionan problemas de espacio, asonancia visual, desorganización en un menú amplio… Aunque parezca complicado es más fácil de lo que parece, aqui voy a explicar una de las formas más simples y claras de hacer un menú desplegable con css y que funciona en los navegadores más usados:
- IE 5.5+
- Firefox 1.x+
- Safari 2.0+
- Opera 7+
- Chrome
Este es el ejemplo de menú desplegable que vamos a hacer.
HTML
Lo primero que vamos a hacer es crear un listado con una id #menu, con los objetos que irán dentro del menú.
CSS
Esta es las parte más complicada del proceso de hacer un menú desplegable.
JavaScript
Yo recomiendo incluir siempre un JavaScript que arregla todos los bugs que tiene el IE, haciendo que tenga un comportamiento muy parecido al Firefox. Pero bueno, ya hablare de este archivo más adelante. Ahora solo pongo un enlace a la pagina de Google Codes, donde se puede descargar. Podeis leer de que va este archivo en el post, solucionar los problemas de Explorer CSS con un JavaScript.
Aquí tienes una pequeña función que arregla el :hover de los listados, ya que IE, solo acepta esto en las etiquetas de hipervínculo, es con lo que esta hecho este ejemplo.
Flash
Si quieres que el desplegable del menú este por encima de un archivo de flash, sólo tienes que añadir esto en el código del *.swf.
Espero haber sido lo más claro posible con la descripción, para cualquier duda o aclaración dejad un comentario y os responderé a la mayor brevedad posible.
Tags: Código, CSS, Flash, HTML, JavaScript
- Envía este artículo:
- del.icio.us
- digg it!
- fresqui
- magnolia
- meneame
- netvibes
- stumbleupon
- technorati
- windows live
- yahoo
4 comentarios:
Escribe tu comentario:
Diciembre 2008
[...] la anterior entrada hablaba de un javascript que corregia multitud de errores de Internet Explorer. Soluciona gran [...]
Muy buen articulo!
Siempre es una maravilla aprender a hacer las cosas de una manera concreta en css y no tener que usar el codigo como arma de autoajuste de los errores que va uno haciendo de hacerlo de manera inconsecuente y por iniciativa propia.
Aunque ya puestos sería bueno decir que es la mejor manera de aprender si no tienes a alguien que te lo muestre tan claro como vos!
Un saludo de un seguidor fiel.
Solo para ver si se me saoluciona el link a mi web…. sorry cosas de ignorantes de los blogs….