Gracias por vuestras respuestas...
hades87, estoy intentando cambiar el CSS para hacer referencia al :hover del link y no del <li> pero parece que no lo consigo...
El código que se ocupa del :hover és:
Código HTML:
#navbar li ul {
display: none;
}
#navbar li:hover ul{
position: absolute;
display: inline;
width: 100%;
margin: 0;
padding: 0;
margin-top:1px;
}
y la estructura del HTML és:
Código:
<ul id="navbar" style=" position:absolute; z-index:999;">
<li><a href="#" id="b1"></a>
<ul>
<li><a href="concerts.html" id="b1_1"></a></li>
<li><a href="abonaments.html" id="b1_2"></a></li>
<li><a href="entrades.html" id="b1_3"></a></li>
</ul>
</li>
<li><a href="cicle_orgue.html" id="b2"></a></li>
<li><a href="musica_i_musics.html" id="b3"></a></li>
<li><a href="discant.html" id="b4"></a></li>
<li><a href="interprets.html" id="b5"></a></li>
</ul>
Supongo que haciendo referencia al #b1 en vez del <li> (solo #b1 tiene desplegable) deberia funcionar no?
Lo intento con
Código:
#navbar li a#b1:hover ul{...}
, pero no parece funcionar...
Alguien puede ayudarme?
Muchisimas gracias!!