Hola amigos buenos días/tardes
Verán me hice este menubar con jquery y css y no contemple lo siguiente.
Funcionamiento:
1.- Cuando coloco el mouse sobre una opción me muestra un div con el submenu
2.- Cuando se muestra este div todo el contenido debajo de la menunav se mueve para abajo.
veáse cabecera en el siguiente link:
http://www.savascavisl.parrotsrooms.com/ (la menu bar es la que pone justo debajo del logotipo myBody, en color gris y con las opciones deporte & energía, salud & bienestar, etc...)
----------------------------------------------------------
Un fragmento de código html para un una opción del menubar
Código HTML:
Ver original<div id="menu-nav-content"> <a href="" id="sport">Deporte
& Energía</a>
</div>
<div id="menu-nav-sport" class="menu-nav" style="display: none">
<div id="menu-list">
<ul>
<li><a href="">Aminoácidos</a></li>
<li><a href="">Barritas y Geles</a></li>
<li><a href="">Carbohidratos</a></li>
<li><a href="">Creatina</a></li>
<li><a href="">Ganadores de peso</a></li>
<li><a href="">Proteínas</a></li>
<li><a href="">Quema - Grasas</a></li>
<li><a href="">Vitargo</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
En este caso el div que me da estos problemas es el del id="menu-nav-sport"
LINEA 9
Código HTML:
Ver original<div id="menu-nav-sport" class="menu-nav" style="display: none"> ....
....
....
Amigos me podrían tirar una ayuda. ¿Con qué propiedad CSS puedo evitar que esto suceda?
Gracias