Problème feuille de style


jer2701
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 331
Inscription: 2 Sep 2005

Problème feuille de style

Message le Jeu Fév 09, 2006 20:19

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 975
Inscription: 3 Nov 2004

Message le Jeu Fév 09, 2006 20:47

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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 331
Inscription: 2 Sep 2005

Message le Jeu Fév 09, 2006 20:58

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 975
Inscription: 3 Nov 2004

Message le Jeu Fév 09, 2006 21:17

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
WRInaute discret
WRInaute discret
 
Messages: 201
Inscription: 18 Jan 2006

Message le Jeu Fév 09, 2006 21:23

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


jer2701
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 331
Inscription: 2 Sep 2005

Message le Jeu Fév 09, 2006 21:44

mowmow a écrit: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
WRInaute discret
WRInaute discret
 
Messages: 201
Inscription: 18 Jan 2006

Message le Jeu Fév 09, 2006 22:08

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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 331
Inscription: 2 Sep 2005

Message le Jeu Fév 09, 2006 22:11

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


jer2701
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 331
Inscription: 2 Sep 2005

Message le Jeu Fév 09, 2006 22:18

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 975
Inscription: 3 Nov 2004

Message le Jeu Fév 09, 2006 22:31

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


Toma
WRInaute discret
WRInaute discret
 
Messages: 201
Inscription: 18 Jan 2006

Message le Jeu Fév 09, 2006 22:38

Alors j'ai:

Code: Tout sélectionner
a:link {color:blue;}
a.essai:link {color:black;}


dans le css, et:

Code: Tout sélectionner
<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!


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités