Re: [Ovillo] problema con suckerfish dropdown en IE6

Thu, 29 May 2008 05:49:38 -0700 

Una solución muy sencilla sería cambiar el formulario de sitio. O bien
dejarlo donde está y cambiar los select a menú en vez de lista y ordenarlos
de tal manera que no se solapen con el menu de navegación.

Otra que a mi me funciona sería un archivo js.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
//Creación de un menu horinzontal con UL
var menuids=["menu1"]; //Itroduce los  id(s) de los menus UL, separados por
comas

function construirsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
    for (var t=0; t<ultags.length; t++){
        if (ultags[t].parentNode.parentNode.id==menuids[i]){ //Si este es el
primer nivel de submenu
            ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px";
//Dinamicamente los alinea y ordena

ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";

ultags[t].parentNode.getElementsByTagName("a")[0].className="imagenfondo";
        }
        else{ //pero si es un sub nivel de menu UL

ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px";
//Coloca el menu a la derecha de menu que se ha activado

ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon";
        }
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible";
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden";
    }
    }
  }
}


if (window.addEventListener)
window.addEventListener("load", construirsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", construirsubmenus_horizontal)

</script>
<style type="text/css">
ul{
margin:0;
padding:0;
list-style-type: none;
text-align:left;
}
ul li{
position: relative;
top:0;
display:inline;
float: left;
text-align:center;
}
ul li a{
display: block;
width: 111px; /*Ancho del enlace*/
padding:1px 8px;
border:none;
border-left-width: 0;
text-decoration: none;
color:#000000;
}
ul li a:hover{
background:#FF0000;
}
ul li ul{
left:0;
position: absolute;
top: 1em; /* No necesita cambiarse;el valor real se lo sa el script*/
display: block;
visibility: hidden;
}
ul li ul li{
display: list-item;
float: none;
text-align:left;
background-image:none;
background-color: #117CAA; /*color de fondo del Menu global*/

}
ul li ul li ul{
left: 120px; /* No es necesario modificarlo; lo carga el script */
top: 0;
}
 ul li ul li a{
display: block;
width: 160px; /*Ancho de los niveles del sub menu*/
color:#FFFFFF;
text-decoration: none;
padding: 3px 15px;
border: 1px solid  #999999;
/*z-index:2;*/
}
 ul li ul li a:hover{
background-color: black;
color: white;
}
</style>
</head>
<body>
<ul id="menu1">
    <li><a href="#">MenuA</a>
        <ul><li><a href="#">SubMenuA_1</a></li>
            <li><a href="#">SubMenuA_2</a></li>
            <li><a href="#">SubMenuA_3</a></li>
        </ul></li>
    <li><a href="#">MenuB</a>
        <ul><li><a href="#">SubMenuB</a>
            <ul><li><a href="#">Sub_SubMenuB_1</a></li>
                <li><a href="#">Sub_SubMenuB_2</a></li>
                <li><a href="#">Sub_SubMenuB_3</a></li>
            </ul></ul>
    </li>
    <li><a href="#">MenuC</a>
        <ul><li><a href="#">SubMenuA</a></li>
            <li><a href="#">SubMenuB</a></li>
            <li><a href="#">SubMenuC</a></li>
        </ul></li>
</ul>
<textarea name="" cols="60" rows=""></textarea>
</body>
</html>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a