Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/03/2006, 18:55
yconoclasta
 
Fecha de Ingreso: febrero-2005
Mensajes: 135
Antigüedad: 19 años, 1 mes
Puntos: 0
Pregunta Problema con menu desplegable vertical

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.