24/03/2010, 03:23
|
| | | Fecha de Ingreso: marzo-2010
Mensajes: 5
Antigüedad: 14 años, 1 mes Puntos: 0 | |
| Respuesta: Fallos menú desplegable en IE
Añado el resto.
superfish-navbar2.css:
Código:
/* Corrige el fallo en IE de que cada espacio de nuestro .css se refleje en la página */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.sf-navbar { /*BARRA HORIZONTAL 2*/
background:#e0e7f5; /*COLOR DE FONDO DEL MENU*/
height: 2em; /*ALTURA DEL MENU*/
padding-bottom: 2.5em; /*ANCHURA DE LOS ELEMENTOS DEL MENU*/
position:relative; /*POSICION DE LOS ELEMENTOS DEL MENU HORIZONTAL 1*/
width:950px; /*TAMAÑO DEL MENU COMPLETO*/
top:20px; /*POSICION DEL MENU EN LA PAGINA*/
*width: 949; /*Corección del tamaño del menú,*/
*top: 80px; /* posición superior*/
/* e izquierda para IE*/
*margin-bottom: 20px; /*Margen inferior para que el menú no se coma el reproductor de vídeo*/
}
.sf-navbar li { /*CADA UNO DE LOS ELEMENTOS DEL MENU HORIZONTAL 1*/
background: #004E9B; /*COLOR DE FONDO DE LOS ELEMENTOS DEL MENU HORIZONTAL 1*/
position: static; /*POSICION DE LOS ELEMENTOS DEL MENU HORIZONTAL 2*/
width:235.5px; /*ANCHURA DE LOS ELEMENTOS DEL MENU HORIZONTAL 1*/
}
.sf-navbar li a { /*TEXTOS DENTRO DE LOS ELEMENTOS DEL MENU HORIZONTAL 1*/
font-size: 12px; /*TAMAÑO DE LA LETRA DE LOS ELEMENTOS*/
font-family: Arial, Helvetica, sans-serif; /*TIPO DE LETRA QUE APARECE EN LOS ELEMENTOS*/
font-weight:bold; /*ESTILO DE LAS LETRAS DE LOS ELEMENTOS*/
text-decoration:none; /*QUITAMOS EL SUBRAYADO A LOS TEXTOS*/
color: #fff;
}
.sf-color li a{ /*COLOR LETRAS SUBMENU*/
color: #000;
}
.sf-navbar li li { /*CADA UNO DE LOS ELEMENTOS DEL MENU HORIZONTAL 2*/
background: #e0e7f5; /*COLOR DE FONDO*/
position: relative; /*POSICION DE LOS ELEMENTOS*/
}
.sf-navbar ul li { /*LISTA DE LOS ELEMENTOS DEL MENU HORIZONTAL 2*/
width: auto; /*ANCHURA DE LOS ELEMENTOS*/
float: left; /*HACEMOS QUE LOS ELEMENTOS ESTEN EN HORIZONTAL*/
}
.sf-navbar a, .sf-navbar a:visited { /*TEXTO DE LOS ELEMENTOS DEL MENU CUANDO NO ESTAMOS ENCIMA*/
border: none;
*text-decoration:none; /*Una vez pinchado sobre el menú,*/
*color: #000; /* recupere su aspecto normal*/
}
/*TEXTO DE LOS ELEMENTOS CUANDO NOS POSICIONAMOS ENCIMA EN EL MENU HORIZONTAL 1*/
.sf-navbar li:hover,.sf-navbar a:hover,.sf-navbar a:active {
background: #b9cdd8; /*COLOR DE FONDO DE LOS ELEMENTOS CUANDO NOS POSICIONAMOS ENCIMA*/
color: #000;
*text-decoration: none;
}
/*TEXTO DE LOS ELEMENTOS CUANDO NOS POSICIONAMOS ENCIMA EN EL MENU HORIZONTAL 2*/
.sf-navbar ul li:hover,ul.sf-navbar ul li:hover li,.sf-navbar ul a:hover,.sf-navbar ul a:active{
background: #D1DFFF; /*COLOR DE FONDO DE LOS ELEMENTOS CUANDO NOS POSICIONAMOS ENCIMA*/
color: #000; /* COLOR LETRAS SUBMENU "HOVER" */
}
Y por último el .js:
ZDoble.js:
Código:
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace;
(" over", "");
}
}
}
}
}
window.onload=startList;
Gracias por la ayuda |