Tengo una duda, no se porque desaparece el submenu de "Tengo un local" y "Busco un local" de la siguiente web:
http://www.apuntoeventos.com/tengo/formulario.php
En cambio, en esta otra http://www.apuntoeventos.com/contacto/ funciona perfectamente, y a primera vista son iguales los dos menus:
Código:
y HTML:#menu { text-align: center; font-size: 1em; width: 890px; top:25%; font-weight:bold; } #menu ul { list-style-type: none;} #menu ul li.nivel1 { float: left; width: 162px; margin-left: 2px ; } #menu ul li a {display: block; text-decoration: none; color: #fff; padding: 8px; position: relative; font-size:14px; } #menu ul li:hover {position: relative; } #menu ul li a:hover, #menu ul li:hover a.nivel1 { color: #fff; position: relative; } #menu ul li a.nivel1 {display: block!important;display: none; position: relative; } #menu ul li ul {display: none; } #menu ul li a:hover ul, #menu ul li:hover ul {display: block; position: absolute;left: 0px; } #menu ul li ul li a {width: 160px; padding: 6px 0px 8px 0px; border-top-color: #000; } #menu ul li ul li a:hover {border-top-color: #000; position: relative; } table.falsa {border-collapse:collapse; border:0px; float: left; position: relative; }
Código:
Alguien me podría ayudar?<div id="apDiv9"> <div id="menu"> <ul> <li class="nivel1"><a href="../index.html" class="nivel1">Inicio</a> <!--[if lte IE 6]><a href="index.html" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]--> </li> <li class="nivel1"><a class="nivel1">Busco un Local</a> <ul> <li><a href="../busco/index.html">Información</a></li> <li><a href="../busco/formulario.php">Rellenar formulario</a></li> </ul> </li> <li class="nivel1"><a class="nivel1">Tengo un Local</a> <ul> <li><a href="../tengo/index.html">Información</a></li> <li><a href="../tengo/formulario.php">Rellenar Formulario</a></li> </ul> </li> <li class="nivel1"><a href="index.html" class="nivel1">Contacto</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td><![endif]--> </li> </ul> </div> </div>
Gracias