Probleme de couleur de texte

[Edwardshand]

Bonjour à tous,

j'ai un soucis, petit, peu important, mais qui me turlupine.

J'ai etablie une couleur pour mes liens dans la css.
Or il y a un lien dont je voudrais changer la couleur.
J'ai essayé: font color="#xxxx pour forcer à changer la couleur, mais rien n'y fais.

y aurait il moyen de changer la couleur sans passer par la css?

merci

 

[Dharius]

Bonjour,

Donnes-nous la partie du code HTML exacte de ton lien, ainsi que le CSS concerné...

 

[SuperCureuil]

Salut,

Le font-color ne fonctionne pas en css, tu dois utiliser simplement color :

.ma_classe {color:#xxxxxx;}

A ta place je m'en tiendrais au css car c'est bcp plus facile à gérer une fois que c'est mis en place.

++

Edit : pas vu que c'était un lien ... dans ce cas tu dois respecter l'ordre de déclaration suivant :

a:link {color:#xxxxxx;}
a:visited {color:#xxxxxx;}
a:hover {color:#xxxxxx;}
a:active {color:#xxxxxx;}

 

[Edwardshand]

Bonjour,

Donnes-nous la partie du code HTML exacte de ton lien, ainsi que le CSS concerné...

beihn pour le lien, c'est un lien typique: <a href="www.eueoiue.com" title="blabla"> blabla</a>

et pour la css, c'est bien du style:

a:link {color:#xxxxxx;}
a:visited {color:#xxxxxx;}
a:hover {color:#xxxxxx;}
a:active {color:#xxxxxx;}

le truc c'est qu'il faudtrait différencier plusieurs liens... certain qui suivent la css, d'autres pas.. d'autres auquels j'attribuerai d'autres couleurs..

 

[Dharius]

il faut donc créer d'autres styles

EXEMPLE

<a href="www.eueoiue.com" title="blabla" class=type1> blabla</a>
<a href="www.eueoiue.com" title="blabla" class=type2> blabla</a>
<a href="www.eueoiue.com" title="blabla" class=type3> blabla</a>

.type1 a:link {color:#xxxxxx;}
.type1 a:visited {color:#xxxxxx;}
.type1 a:hover {color:#xxxxxx;}
.type1 a:active {color:#xxxxxx;}

.type2 a:link {color:#xxxxxx;}
.type2 a:visited {color:#xxxxxx;}
.type2 a:hover {color:#xxxxxx;}
.type2 a:active {color:#xxxxxx;}

.type3 a:link {color:#xxxxxx;}
.type3 a:visited {color:#xxxxxx;}
.type3 a:hover {color:#xxxxxx;}
.type3 a:active {color:#xxxxxx;}

 

[Edwardshand]

il faut donc créer d'autres styles

EXEMPLE

<a href="www.eueoiue.com" title="blabla" class=type1> blabla</a>
<a href="www.eueoiue.com" title="blabla" class=type2> blabla</a>
<a href="www.eueoiue.com" title="blabla" class=type3> blabla</a>

.type1 a:link {color:#xxxxxx;}
.type1 a:visited {color:#xxxxxx;}
.type1 a:hover {color:#xxxxxx;}
.type1 a:active {color:#xxxxxx;}

.type2 a:link {color:#xxxxxx;}
.type2 a:visited {color:#xxxxxx;}
.type2 a:hover {color:#xxxxxx;}
.type2 a:active {color:#xxxxxx;}

.type3 a:link {color:#xxxxxx;}
.type3 a:visited {color:#xxxxxx;}
.type3 a:hover {color:#xxxxxx;}
.type3 a:active {color:#xxxxxx;}

et bien, merci.. je vais essayer tout ca ce soir...
J'étais donc obligé de passer par la css.. pas moyen de faire autrement...

Merci

 

[SuperCureuil]

Si tes liens à différencier se trouvent dans un conteneur particulier, tu peux utiliser une règle du genre :

.div_conteneur a:link {color:#xxxxxx;}
.div_conteneur a:visited {color:#xxxxxx;}
.div_conteneur a:hover {color:#xxxxxx;}
.div_conteneur a:active {color:#xxxxxx;}

Sinon, attribuer une classe particulière aux liens visés :

Dans ta page :

<a class="lien" href="">Mon lien</a>

Dans la css

.lien:link {color:#xxxxxx;}
.lien:visited {color:#xxxxxx;}
.lien:hover {color:#xxxxxx;}
.lien:active {color:#xxxxxx;}

++

Edit : Grilled :x

 

[Edwardshand]

Si tes liens à différencier se trouvent dans un conteneur particulier, tu peux utiliser une règle du genre :

.div_conteneur a:link {color:#xxxxxx;}
.div_conteneur a:visited {color:#xxxxxx;}
.div_conteneur a:hover {color:#xxxxxx;}
.div_conteneur a:active {color:#xxxxxx;}

Sinon, attribuer une classe particulière aux liens visés :

Dans ta page :

<a class="lien" href="">Mon lien</a>

Dans la css

.lien:link {color:#xxxxxx;}
.lien:visited {color:#xxxxxx;}
.lien:hover {color:#xxxxxx;}
.lien:active {color:#xxxxxx;}

++

Edit : Grilled :x

ok, et bien.. je pense que je ne vais que pouvoir m'en sortir avec vos conseils..
merci