Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lucasevaldt

como remover um sublinhado indesejado em css veja:

Recommended Posts

galera eu to fazendo um menu ocorreu quase tudo certinho menos um sublinhado que apareceu, como retirar ele? eu coloquei "text-decoration: none" e não funciono por favor alguém analiza ai, veja a imagem:

ele aparece tipo um traço entre as palavras no inicio foi azul depois que cliquei fico roxo então deve ser do link.

14smd5u.jpg

 

veja o código:

 

 

html:

 

 

 

<div id="menu">
<ul>
<li><a href="#">TECNOLOGIA</li>
<li><a href="#">GAMES</li>
<li><a href="#">CIÊNCIA</li>
<li><a href="#">CURIOSIDADES</li>
<li><a href="#">CINEMA</li>
</ul>
</div>

 

CSS

 

 

 

#menu ul {
padding: 10px;
margin: 0px;
float: right;
width: 450px;
list-style:none;
font:90% Tahoma;
padding-top: 25px;
}
#menu ul li {
display: inline;
color: #CCCCCC;
margin: 5px;
}
#menu ul li a {
color: #22B573;
text-decoration: none;
}
#menu ul li a:hover {
background-color:#2A2A2A;
color: #22B573;
text-decoration: none;
}
#menu ul li a:link, a:visited, a:active {
text-decoration: none !important;

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Repare que no seu código você abre a tag <a href>, mas não a fecha!!! :pinch:

 

Feche as tags que seu problema deve se resolver.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sem contar o problema no design. eu tentei mudar de todas as maneiras no css e não funcionava, mas é assim mesmo se aprende com os erros, valeu mesmo cara vocês ajudaram bastante. :joia:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.