[Resolvido] Menu vertical "anda" ao usar o hover
Peguei esse modelo de menu vertical http://www.freecsstemplates.org/preview/terrafirma2
só que eu quero no meu menu, qdo eu passar com o mouse fazer aquele "display: block" (mais ou menos como ta o home)
só que nas modificações que fiz eu consegui inserir o block mas as palavras do meu "andam" pra frente
eu acho q ele ta aplicando duas vezes o padding por isso ta indo pra frente o texto, mas não to achando como deixar fixo o texto e colocar o block nas laterais.
olhem o código
#menu {
height: 76px;
background: url(images/bg04.jpg) no-repeat 0 -211px;
}
#menu ul {
height: 67px;
margin: 0 25px;
padding: 9px 0 0 14px;
background: url(images/bg05.jpg);
list-style: none;
line-height: 1;
}
#menu li {
float: left;
height: 35px;
padding: 15px 20px 0 20px;
}
#menu li.active {
background: url(images/bg06.jpg) no-repeat;
}
#menu a {
text-transform: lowercase;
text-decoration: none;
font-size: 18px;
color: #FFFFFF;
}
#menu a:hover {
padding: 10px;
background-color:#33FF00;
text-decoration: underline;
}Discussão (5)
Carregando comentários...