Problème feuille de style

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


jer2701
WRInaute impliqué
WRInaute impliqué
 
Messages: 313
Inscription: Ven Sep 02, 2005 13:55

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 passionné
WRInaute passionné
 
Messages: 975
Inscription: Mer Nov 03, 2004 9:40

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 impliqué
WRInaute impliqué
 
Messages: 313
Inscription: Ven Sep 02, 2005 13:55

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 passionné
WRInaute passionné
 
Messages: 975
Inscription: Mer Nov 03, 2004 9:40

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 occasionnel
WRInaute occasionnel
 
Messages: 119
Inscription: Mer Jan 18, 2006 1:09

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 impliqué
WRInaute impliqué
 
Messages: 313
Inscription: Ven Sep 02, 2005 13:55

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 occasionnel
WRInaute occasionnel
 
Messages: 119
Inscription: Mer Jan 18, 2006 1:09

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 impliqué
WRInaute impliqué
 
Messages: 313
Inscription: Ven Sep 02, 2005 13:55

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 impliqué
WRInaute impliqué
 
Messages: 313
Inscription: Ven Sep 02, 2005 13:55

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 passionné
WRInaute passionné
 
Messages: 975
Inscription: Mer Nov 03, 2004 9:40

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

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


Toma
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 119
Inscription: Mer Jan 18, 2006 1:09

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!


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

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