Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite!
Pessoal, estou com uma certa dificuldade ao criar o meu menu com rollover, segue meu html e meu css:
<ul id="nav">
<li><a href="#"><span>home</span></a></li>
<li><a href="#"><span>empresa</span></a></li>
<li><a href="#"><span>produtos</span></a></li>
<li><a href="#"><span>serviços</span></a></li>
<li><a href="#"><span>parceiros</span></a></li>
<li><a href="#"><span>fotos</span></a></li>
<li><a href="#"><span>água</span></a></li>
<li><a href="#"><span>clientes</span></a></li>
<li><a href="#"><span>contato</span></a></li>
</ul>
/ menu /
header #content_header ul#nav {
width: auto;
float: left;
} float: left;
height: 48px;
list-style-type: none;
padding-left: 6px;
cursor: pointer;
} color: #144C80;
display: block;
font-size: 12px;
height: 44px;
padding-left: 12px;
text-decoration: none;
width: auto;
cursor: pointer;
font-weight: bold;
} cursor: pointer;
display: block;
height: auto;
padding: 12px 24px 27px 0px;
}
/ menu hover / active /
header #content_header ul#nav li:hover {
background: url("../images/links_nav_left.gif") no-repeat scroll left top transparent;
}background: #F4F3F3;
} background: url("../images/links_nav_right.gif") no-repeat scroll right top transparent;
}
O caso é o seguinte, como podem ver coloquei um bg para funcionar nas tags li, a, span. Fiz isso pois preciso que o espaço seja dinamico, pelo fato de termos aqui nomes de links uns maiores do que os outros. Dessa forma funciona, porém, bugado, se passarem o mouse na borda esquerda de qualquer um vão ver que aparece o bg desse elemento em si, se passo o mouse no a acontece o mesmo, no span o mesmo. Podem me dizer alguma outra forma de fazer funcionar essa ação de rollover que estou querendo fazer? Segue o endereço desse menu
Agradeço desde já a atenção.
Abraço!
Carregando comentários...