Ir para conteúdo

POWERED BY:

Arquivado

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

Renanbg

Sublinhar link mouse hover

Recommended Posts

Bem amigos, sempre usei o codigo abaixo para sublinhar os links ao passar o mouse por cima deles, mas ontem percebi que no firefox apenas sublinhha os links que ja visitei. Ou seja, se é a primeira vez que estou acessado o site, ao passar o mouse o efeito de sublinhar não aparecerá.

 

O que deve ser mudado ali?

 

 

<style type="text/css">
<!--
.link:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A5B4;
}
.link:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A5B4;
}
.link:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A5B4;
}
.link:visited:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A5B4;
}
-->
</style>

Grato desde já

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Pode-nos mostrar um link?

O código HTML também ajuda amigo ;).

 

Cumps \o/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se não muito me engano, você só deve aplicar o efeito hover na TAG a, se espera que funcione corretamente nos IEs tb.

.link a:hover {

Fora que a tua ultima declaração, para mim não faz o menor sentido..

.link:visited:hover {
???

 

Tente retirar isso.. e coloque o a:hover, como sugeri.

Compartilhar este post


Link para o post
Compartilhar em outros sites

titulo do tópico fora das regras

 

REGRAS: http://forum.imasters.com.br/index.php?act=Help

 

portanto titulo editado:

Ajuda com código, Sublinhar link mouse hover http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Sublinhar link com hover

 

PS.: Fora isso seu código ta estranho assim como o Tiu uill disse. TAmbem não há necessidade de definir cada tipo de seletor

 

faça somente isso:

a.link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A5B4;
}
a.link:hover {
	text-decoration: underline;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

naum seria melhor assim?

 

<style type="text/css">

.link {

text-decoration: underline;

font:11px Verdana, Arial, Helvetica, sans-serif;

color: #00A5B4;

}

</style>

 

Assim ele aplica para todos e pelo que vi, naum tem nenhum diferença entre os comportamentos de hover, etc. ;)

 

Dulcetti de volta, depois de um longo tempo =D

Compartilhar este post


Link para o post
Compartilhar em outros sites

como eu sou idiota. não vi que no hover tem underline. segue atualizado

 

<style type="text/css">

.link {text-decoration:none;font:11px Verdana, Arial, Helvetica, sans-serif;color:#00A5B4;}

.link:hover {text-decoration:underline;}

</style>

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.