Retirar borda sublinhada de um link

[Delanno Baena 0]

Olá pessoal, estava desenvolvendo um menu e quando fui testa percebi que no momento em que clico em um dos links,envolta dele surge uma borda pontilhada bem fina

 

O código css que utilizei foi o seguinte

li a{  position: relative;  top: 4px;  padding:0px 0px 0px 55px;   font-size: 100%;  font-weight: bold;  border-bottom: none; text-decoration: none;  color:#5E5E5E;}a:visited {  border-bottom: none;  } a:active {   border-bottom: none;}a:hover{  color:#000000;  border-bottom: none;}

fiz questão de configurar todos os estados do botão sem borda.

 

Mas mesmo assim a borta descrita acima não desaparece.

 

OBs o link esta sobre uma imagem de fundo definida em uma lista(não sei se esta informação vem a ser importante).

[Hunter_ 0]

Aquilo lá não é UMA BORDA, e sim sublinhado

 

para isso retire a decoração do texto

 

a, li a { text-decoration: none;}

 

disponha http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Delanno Baena 0]

Hunter_ obrigado pela atenção

mais de acordo com o códio acima mostrado, o link ja se encontra com esta configuração

li a{position: relative;top: 4px;padding:0px 0px 0px 55px; font-size: 100%;font-weight: bold;border-bottom: none;[b]text-decoration: none;[/b]color:#5E5E5E;}

O problema é que após clicado o linck fica com uma borda tracejada bem fina

Observe o comportamento do botão Resp deste forum após clicado, é o mesmo problema que eu apresento. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Hunter_ 0]

a,a:active,a:hover,a:visited,li a,li a:active,li a:hover,li a:visited{ text-decoration: none;}

[Delanno Baena 0]

Desculpa Hunter_ mais acho que não estou sendo claro

 

O problema não se encontra com SUBLINHADO e sim com uma BORDA bem fina que surge após clicar no link

 

 

 

 

Valeu pela paciência.

 

Uma imagem vale mais que 1000000 palavras...

[Hunter_ 0]

HRUAHRUAHRUAHRUAHRUHAU

 

Não tem como, pois se trata de uma imagem, acho que em todos os browsers acontece isso... pelo menos nos meus

acho que é um comportamento intríseco do browser mesmo... não tem como retirar...

 

http://forum.imasters.com.br/public/style_emoticons/default/devil.gif

[Delanno Baena 0]

Brigadão cara, cheguei a suspeitar isso, falew otra veis pela paciencia

[juan 0]

use outline: 0 no a {^^

[juan 0]

sim, na verdade é pontilhado xDO problema é que ele tem um propósito de ter sido criado (a bordazinha): se você estiver sem mouse por algum motivo, voce pode usar a tecla TAB para "navegar" entre os links, e esse contorno foi feito para destacar o link atual, selecionado com o uso do tab... entao tirando pode dar umas desvantagens XD

[George71 0]

Brigadão cara, cheguei a suspeitar isso, falew otra veis pela paciencia

 

Bom dia Delanno,

 

Estava com mesma dúvida sua e encontrei a resposta para retirar essa borda. Coloca-se no CSS o seguinte código:

a { outline: none; }

Funciona mesmo!

 

Um abraço,

 

George

[Paulo de Tarso F. M. 24]

Meu caro George71, sei que a intensão é ajudar, mas se você observar a data da última resposta neste tópico nos remete a 2006! http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Prefira opinar em tópicos mais recentes e evitar "ressucitar" esses tópicos bem mais antigos...

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[George71 0]

Minhas desculpas Paulo. Eu não percebi. Terei mais atenção de agora em diante.

Obrigado e que Deus te abençoe!

[Paulo de Tarso F. M. 24]

Tudo bem, isso acontece sempre e você não foi o primeiro, pode ficar tranquilo... B) E as recomendações são as mesmas para todos. Então, sempre observe a última interação em um tópico antes de postar algo.

 

E amém!

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif