es un codigo de un menu desplegable pero nosoy capaz de ponerlo en marcha...
<html>
<head>
<title>Iruzun Eskaut Gia Taldea</title>
<link rel="stylesheet" href="nenu.css" type="text/css" media="all">
<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[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace("over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
</head>
<body>
<ul id="nav">
[*][url="quienes-somos.html"]¿Quiénessomos?[/url]
<ul>
[*][url="quienes-somos-ramas.html"]Ramas[/url]
[*][url="quienes-somos-panoletas.html"]NuestrasPañoletas[/url]
[*][url="quienes-somos-jefes.html"]Jefes[/url]
[*][url="quienes-somos-estructura.html"]Estructurainterna[/url]
[*][url="quienes-somos-asociaciones.html"]Asociacionesquepertenecemos[/url]
[/list]
[*][url="http://iruzun.blogspot.com/"]BLOG[/url]
[*][url="http://picasaweb.google.com/Iruzunen.Bilduma"]Fotos[/url]
[*][url="manual.html"]Manual[/url]
<ul>
[*][url="manual-orientacion.html"]Orientación[/url]
[*][url="manual-andar-monte.html"]Andarenelmonte[/url]
[*][url="manual-botanica.html"]Botánica[/url]
[*][url="manual-nudos.html"]Nudosyamarres[/url]
[/list]
[*][url="cancionero.html"]Cancionero[/url]
<ul>
[*][url="cancionero-a.html"]CancioneroA[/url]
[*][url="cancionero-b.html"]CancioneroB[/url]
[*][url="cancionero-c.html"]CancioneroC[/url]
[*][url="cancionero-acordes.html"]Acordesdeguitarra[/url]
[/list]
[*][url="http://iruzun.foroportal.es/index.php"]Foro[/url]
[*][url="enlaces.html"]Enlaces[/url]
<ul>
[*][url="enlaces-grupos.html"]OtrosGrupos[/url]
[*][url="enlaces-naturaleza.html"]Naturaleza[/url]
[*][url="enlaces-transporte.html"]Transportes[/url]
[*][url="enlaces-canciones.html"]Canciones[/url]
[*][url="enlaces-otros.html"]Otrosenlaces[/url]
[/list]
[*][url="mas.html"]Más[/url]
<ul>
[*]Calendario
[*]Noticias
[*][url="mas-centenario.html"]Info. Centenario[/url]
[*]Prensa
[*]Música
[*][url="http://album.iruzun.es"]ÁlbumB[/url]
[*][url="http://blog.iruzun.es"]BLOGB[/url]
[/list]
[/list]
</body>
</html> ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
li { /* all list items */
float: left;
position: relative;
width: 5em;
}
li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
}
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;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#content {
clear: left;
}