Las posibilidades de las hojas de estilo CSS son sorprendentes, y en especial la posibilidad de hacer menús desplegables sin una sola línea de JavaScript.
La mejor solución es usar el creador de menús de: purecssmenu.com
El editor te permite crear tu propio menú con las distintas secciones e ilimitados niveles de navegación, diferentes plantillas disponibles con estilos que puedes personalizar y una vez terminado te permite descargar un ZIP con un único fichero CSS y los pocos gráficos necesarios. Y lo mejor que todo es que funciona en prácticamente todos los navegadores modernos, incluso IE6.
Pero tanta maravilla se acaba cuando tienes que viajar al pasado porque a alguien se le ha ocurrido que el menú CSS tiene que tener un diseño "particular" aparte de funcionar también en Internet Explorer 6 (sí, en IE6 en el año 2009)
Pero los caminos de Internet son infinitos y con unas líneas de código JavaScript exclusivas para Internet Explorer 6 se soluciona el problema. Añadimos eventos con attachEvent a los elementos conflictivos que seleccionamos mediante getElementsByTagName y sus correspondientes childNodes
Este código es exclusivo para los menús desplegables gratuitos de cssmenumaker.com (aunque no está probado en toda la colección), pero debe ser fácil de adaptar y aprovechar para otros menús o para parchear otro tipo de problemas que puedan darse en IE6.
Puedes descargar el código con instrucciones en esta librería ie6_menufix.js [v1.00]
En caso de problemas con la descarga, la tienes también en formato ZIP
0 comentarios:
Publicar un comentario en la entrada