Problème feuille de style

[jer2701]

Voilà je bosse avec des feuille de styles .. jusqu'à maintenant j'avais le même styles pour mes liens A:link A:visited A:hover ...

Aujourd'hui je voudrais les faire apparaîtres d'une autre couleur à un endroit du site mais à partir de la même feuille de style ..

mais comment puis je faire un deuxième A:link A:Visited ....
(au niveau de la syntaxe..)

Je sais pas si je suis bien clair là 8O

 

[mowmow]

Si tu veux que la couleur soit différente sur la page 2 par exemple : utilises les classes.

.page2 A:hover {
//couleur différente ...
}
.page2 A:link, .page2, A:visited, etc ... {
// tes propriétés
}

et sur la page 2 en question : <a href="lien.php" class="page2">Lien</a>

Voilou

 

[jer2701]

Heu non ce que je veux c'est une couleur différente de liens sur la même page ..

en fait de manière général mettons que mes liens soient bleus ok ?! ..

Donc j'utilise un A:link{color:blue;}

donc directement par défaut tous mes liens sont bleus

maintenant j'ai un endroit de la page ou le fond est noir .. donc je peux pas me permettre d'avoir un lien bleu .. c'est pas lisible ..

là je voudrais pouvoir avoir un autre A:link A:hover ...

Avec ta méthode si je mets par ex:

.essai A:link (pour définir une nouvelle classe de lien)

et que j'appelle essai <a href="lien.php" class="essai">Lien</a>

ça change rien .. c'est tjrs le A:link de départ qui est actif ..

 

[mowmow]

As-tu mis .essai A:link {} en dessous de la déclaration A:link ? Parce que sinon c'est celle déclarée en dernier qui est prise en compte. Si ca ne marche toujours pas, je pense qu'il va falloir faire une classe pour chacun des liens :?

 

[Toma]

Ca serait pas A.essai:link {color:blue;} qu'il faudrait mettre plutôt?

 

[jer2701]

As-tu mis .essai A:link {} en dessous de la déclaration A:link ? Parce que sinon c'est celle déclarée en dernier qui est prise en compte. Si ca ne marche toujours pas, je pense qu'il va falloir faire une classe pour chacun des liens :?

Oui j'ai essayé ça .. et sans le "." aussi ..

 

[Toma]

Heu....
Ma solution n'est pas correcte? Parce que j'ai essayé chez moi et ca a l'air de marcher.
Je demande parce que j'utilise cette syntaxe et ca serait embetant si ca ne marchait que sous firefox!

 

[jer2701]

ah oui pas pensé à ça .. je test sous FF parce que j'ai testé que sous IE

 

[jer2701]

nan marche pas non plus sous FF...

Comment tu l'appelle la classe ensuite ?

Dans ma feuille de style j'ai :
A.bleu:link {
color:blue;
}

et sur ma page :
<a ...> <span class="bleu">mon lien </span></a>

 

[mowmow]

tu dois mettre le class dans le <a class="..."> pas dans le span !

 

[Toma]

Alors j'ai:

a:link {color:blue;}
a.essai:link {color:black;}

dans le css, et:

<a class="essai">un lien noir</a>

dans la page pour faire un lien noir.

Mais essaie d'abord sans le ':link' parce que une fois que tu as cliqué dessus, si tu modifies l'attribut link la couleur ne change pas!