Ir para conteúdo

POWERED BY:

Arquivado

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

gutoFloripa

os estilos diferentes não funcionam

Recommended Posts

Pessoal, meus links no estado normal ficam todos iguais, só mudam quando o mouse está em cima.. alguma dica? olha o código:

 

/*links noticias*/  a.noticias:link { 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 color:#4882C2; 	 text-decoration:underline; 	 font-weight: normal; 	 text-align:right;  }  a.noticias:hover { 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 color:#35689E; 	 text-decoration:underline; 	 font-weight: normal; 	 text-align:right;  }/**//*links lançamentos*/  a.detalhes:link { 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 color:#ff0000; 	 font-weight: normal;  }  a.detalhes:hover { 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 color:#BF0000; 	 text-decoration:underline; 	 font-weight: normal;  }/**//*links gerais*/  a:link{ 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 text-decoration:none; 	 color:#4882C2;  }  a:hover{ 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 font-weight:bold; 	 color:#4882C2; 	 text-decoration:none;  }  a:visited{ 	 font-family:Verdana, Arial, Helvetica,sans-serif; 	 font-size: 10px; 	 color:#4882C2; 	 text-decoration:none;  }/**/a.rodape{	font-family:Verdana, Arial, Helvetica,sans-serif;	font-size: 10px;	color:#75A1D1;	font-weight: normal;}a.rodape:hover{	font-family:Verdana, Arial, Helvetica,sans-serif;	font-size: 10px;	color:#75A1D1;	font-weight: normal;}
[]'s

Fernando

Compartilhar este post


Link para o post
Compartilhar em outros sites

As regras CSS que você escreveu determinam:

links das classes noticias e detalhes mudam de cor com mouse em cima,

não há regras para visitado e ativo.

links gerais: nada acontece, as tres regras são iguais! ????

links da classe rodape idem acima.

 

O que você esta querendo fazer? TUTORIAL LINKS

 

Voce pode e deve simplicar as regras. Leia o tutorial e poste de novo!

[ ]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

acho que não me expressei direito...a classe notícias deve permanecer premanentemente sublinhada e a detalhes em vermelho....repare que em a:noticias:link esta com o sublinhado, e não está funcionando....[]'sFernando

Compartilhar este post


Link para o post
Compartilhar em outros sites

retire o a.noticias:link {

 

dos estilos

 

ficaria assim:

 

 

.noticias:link {

 

 

 

entendeu ?

 

 

e na tag que você quer aplicar coloque o className

 

exemplo:

 

<a href="seulink" class="noticias">nome link<a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

quando você coloca a {}, você redefine a tag html <a, que seria a do link... <a href=""></a>se você quer links diferentes, você tem que criar classes, usando o "." antes do nome da nova classe...Alica CWB

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.