Ya que nadie te ayuda con estos codigos Este es el menu desplegable cambia las urls de las paginas, los botones y nombres que tiene colocado por los tuyos y siempre el mismo nombre y tamaño (mayusculas o minusculas para que no se abra en diferentes pestañas los enlaces
Para modificar la posicion lo que esta en color es para modificar la altura y posicon ixquierda o derecha!
<style type="text/css" media="screen">
<!-- /*coolmenue*/
body
{ font-family: Arial, sans-serif; font-size: 11px;
overflow: auto; padding: 10px; margin: 0px; }
ul, li
{ list-style-type: none; padding: 0px; margin: 0px; }
div.menu
{ position: absolute; z-index: 3; top:
510px; left:
30%; margin:0px;
width:590px}
.menu li
{ width: 180px; float: left; }
.menu a
{
border: 1px solid #08F60F;
background-color:#000000;background-image:url(http://img.webme.com/pic/s/space-klick/button33.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 12px;
display: block;
height: 17px;
color: #A106FB; }
.menu a:hover
{background-color: #ffffff;background-image:url(http://img.webme.com/pic/k/kameraauge/grau-rot-1but-mitte.png);padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 12px;
display: block;
height: 17px;
color: #FFFFFF; }
#smenu1, #smenu2, #smenu3
{ font-size: 12px;
display: none;
width: 180px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a
{ font-size: 12px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer; }
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block'; } }
function cache(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none'; } }
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://theprojectmaster.es.tl/Home.htm" target="_self">Inicio</a></li>
<li><a href="http://theprojectmaster.es.tl/-Iniciar-Secion.htm" target="_self">Iniciar Secion</a></li>
<li><a href="http://theprojectmaster.es.tl/Dejar-Comentarios.htm" target="_self">Comentarios</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Páginas Amigas</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://theprojectmaster.es.tl/P%E1ginas-Web-Amigas.htm" target="_self">Afilia tu Página</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Contacto</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://theprojectmaster.es.tl/Contacto-e-Inscripci%F3n.htm" target="_self">Contacto e Inscripcion</a></li>
</li>
</ul>
</div>
<style type="text/css">
<!--
td#nav_Inicio{display:none;}
td#nav_Iniciar Secion{display:none;}
td#nav_Comentarios{display:none;}
td#nav_Afilia tu Página{display:none;}
td#nav_Contacto e Inscripcion{display:none;}
-->
</style>
suerte con la Pagina web el ejemplo del menu desplegable lo veras en Theprojectmaster.es.tl es
Son los mismos codigos
