hola estoy interesado en hacer menus desplegables con el 3
.0 alguien me puede decir si se pueden hacer. o como se hacen gracias
.0 alguien me puede decir si se pueden hacer. o como se hacen gracias
<script type="text/javascript"><![CDATA[//><!--
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;
//--><!]]>
</script>
<div id="navegacion">
<ul id="nav">
<li class="somos">¿Quienes somos?
<ul><div id="caja">Ramas NuestrasPañoletas Jefes; Estructurainterna <a href="#">Asociacionesque
pertenecemos</a>
</div>BLOG Fotos Manual
<ul>Orientación Andarenelmonte Botánica Nudosyamarres
<li class="somos">Cancionero
<ul>CancioneroA CancioneroB CancioneroC Acordesdeguitarra Foro Enlaces
<ul>OtrosGrupos Naturaleza Transportes Canciones Otrosenlaces Más
<ul>Calendario Noticias Info.Centenario Prensa Música ÁlbumB BLOGB
</div>
ul li {list-style:none} *(este tiene que estar hasta arriba de la hoja)
#navegacion {background-color: #76EE00 ; height:28px; padding:0px 0px 0px 50px}
#navegacion ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}
#navegacion li { /* all list items */
float: left;
position: relative;
width:5em;
list-style: none;
}
#navegacion li.somos { /* all list items */
float: left;
position: relative;
width:8em;
list-style:none;
}
li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
float:left;
list-style:none;
width:7.5em;
background-color:red
}
#navegacion li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
float:left
list-style:none;
}
#navegacion li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
float:left;
list-style:none;
}
#content {
clear: left;
float:left;
list-style:none
}