Tengo un problema con una adaptación al menu vertical suckerfish http://platea.cnice.mecd.es/~jmas/ma...ntalescss.html
En el maligno (IE.x) se ve bien !! (increÃble) pero a la hora de verlo en firefox, nada ! En Opera tampoco funciona. http://idiweb.com.mx/sedil/ Doy las ligas del la CSS y el JS para los interesados http://idiweb.com.mx/sedil/css/general.css http://idiweb.com.mx/sedil/scripts/suckerfish.js Y pego el código para facilitar. Código: if (window.attachEvent) window.attachEvent("onload", sfHover);*/ startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } //window.onload=startList; if (window.attachEvent) window.attachEvent("onload", startList); Código: #menu{ font-size:.7em; font-weight:bold; width:220px; float:left; height:auto; margin-bottom:0; font-family:Geneva, Arial, Helvetica, sans-serif; background:#404e5f url(../img/fondo_menu.gif) repeat-y left top; } #menu ul { margin: 0; padding: 0; list-style: none; width: 220px; /* Width of Menu Items */ /* border-bottom: 1px solid #ccc;*/ background:#404e5f url(../img/fondo_menu.gif) repeat-y left top; } #menu li{ color:#ff9900; border-top:1px solid #596574; border-bottom:1px solid #303c4a; } #menu ul li { position: relative; } #menu li ul { position: absolute; left: 220px; /* Set 1px less than menu width */ top: 0; display: none; } /* Styles for Menu Items */ #menu ul li a { padding: 1px; padding-left:25px; display:block; text-decoration:none; line-height:2em; height:2em; color:#ff9900; background: url(../img/vineta.gif) no-repeat 1em center; } #menu li ul li a{ background:#404e5f url(../img/vineta.gif) no-repeat 1em center; } /* Fix IE. Hide from IE Mac \*/ * html #menu ul li { float: left; height: 1%; } * html #menu ul li a { height: 1%; } /* End */ #menu ul li a:hover { color:#fff; background:#596574 url(../img/vineta2.gif) no-repeat 1.3em center; } #menu li:hover ul, #menu li.over ul { display: block; } /* The magic */ Gracias y saludos. --------------------------------- Relax. Yahoo! Mail virus scanning helps detect nasty viruses! _______________________________________________ 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
