ul{
display: table;
margin-left: auto;
margin-right: auto;
padding: 0px;
list-style: none;
ul li {
position: relative;
float: left;
width: 200px;
height: 40px;
background-color: rgb(238,96,0);
opacity: .10s;
line-height: 40px;
text-align: center;
font-size: 17px;
margin-left: 2px;
}
ul li a{
text-decoration: none;
color: white;
display: block;
}
ul li a:hover {
background-color: rgb(0,0,0);
}
ul li ul li{
top: 25px;
left: 0;
display: none;
}
ul li:hover ul li{
display: block;
[RESOLVIDO] O sub-menu se afastou do menu o que fazer? alguém aí tem uma ideia?
D
3 Respostas
R
1 like
Já olhou se esse ‘line-height: 40px;’ está atrapalhando? ou se a sua li está com alguma borda?
D
não está não, estava funcionando normal mais ficou assim depois que usei a tag para o sub-menu ficar por cima da imagem
D
Solucao aceita
consegui já vlw
Criado 27 de julho de 2018
Ultima resposta 28 de jul. de 2018
Respostas 3
Participantes 2
Alura CSS Border: estilizando com bordas seus elementos CSS Saiba tudo sobre o CSS Border, conheça os estilos de borda padrão da tag border-style, como personalizar bordas, aplicar imagens e muito mais!
Casa do Codigo Meteor: Criando aplicacoes web real-time com JavaScript Por Caio Ribeiro Pereira — Casa do Codigo
