Hola de nuevo a todos siento no haber respondido ni nada pero es por que os había hecho caso y al final me he tenido que poner a hacer el propio menú en css y no me a quedado nada mal pero aun así necesito de vuestra ayuda una vez mas.
tengo dos dudas
1ª. ¿cómo puedo hacer para que el submenú que sale de "otras actividades" sea en horizontal y no en vertical?
2ª He caído en la conclusión de que si alguna vez necesitase cambiar algún contenido del menú tendría que hacerlo hoja por hoja y no es eso lo que quiero ¿cómo puedo hacerlo sin tener que meterlo en un marco?
estilo css del menú:
Código:
<style type="text/css">
#menu { font-family:Calibri; height:34px; position:relative; background: #5BB0DB; -moz-border-radius:10px; -webkit-border-radius:10px; margin: 10px 0;}
#nav { margin:0px; padding:0px; position:absolute; display:block;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px; position:relative; padding:1px; width:100px;}
#nav > li:hover ul { display:block; }
#nav > li:hover { background-color:#3b4d83; -moz-border-radius:10px; -webkit-border-radius:10px; }
#nav li ul { margin:0px; padding:0px; display:none;}
#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
#nav li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none}
#nav li ul li:hover a { background-color:#606060; -moz-border-radius:5px; -webkit-border-radius:5px;}
#nav li span { cursor:wait; margin:0px 10px; font-weight:bold; }
</style>
menú css:
Código:
<div id="menu">
<ul id="nav" style="left: 3px; top: 5px; height: 51px">
<li style="left: 0px; top: 0px; width: 57px"><span>Inicio</span></li>
<li style="left: -8px; top: 0px; width: 81px"><span>Situación</span></li>
<li style="left: -15px; top: 0px; width: 108px"><span>Instalaciones</span></li>
<li style="left: -20px; top: 0px; width: 142px"><span>Horarios y Cuotas</span></li>
<li style="left: -28px; top: 0px; width: 96px"><span>El Maestro</span></li>
<li style="left: -36px; top: 0px; width: 105px"><span>Musculación</span></li>
<li style="left: -44px; top: 0px; width: 97px"><span>Taekwondo</span></li>
<li style="left: -52px; top: -1px; width: 70px"><span>Aeróbic</span></li>
<li style="left: -60px; top: 0px; width: 168px"><span>Jeet Kune Do Murcia</span></li>
<li style="left: 876px; top: -20px; width: 138px"><span>Otras actividades</span>
<ul>
<li><a href="#">Danza del Vientre</a></li>
<li><a href="#">Pilates</a></li>
<li><a href="#">Step</a></li>
</ul>
</li>
</div>
Gracias