como remover um sublinhado indesejado em css veja:

[lucasevaldt 0]

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.

 

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;

 

[ricardo_mc 19]

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.

[Ricardo Barantini 33]

Feche as tags <a> do seu menu que ele some.

[lucasevaldt 0]

Valeu ricardo(s) não reparem este é meu primeiro layout.

[Ricardo Barantini 33]

Você tem que fechar todas as tags cara, não pode deixar nada passar, caso contrário seu código nem passa na validação do W3C.

[lucasevaldt 0]

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: