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.