Discussion :

[persia]

Bonjour,

J'ai trois liens sur ma page web, et j'aimerais que lorsque le visiteur clique sur un lien, ce dernier change de couleur par rapport au autres liens, ainsi, le visiteur du site saura sur quel page il est présentement.

Les balises Css qui donnent du style au liens sont " hover, visited, active,link" mais aucune de ces balises règle ce que je veux faire.

Avez-vous des idées ?

Merci

[Taum]

Salut,

Effectivement il n'existe pas de pseudo classe (type hover, active, etc.) pour ça. Tu dois passer par une classe qui marquera la page courante dans chaque page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
Par exemple si on est sur page2.html :
 
<a href="page1.html">Page 1</a>
<a href="page2.html" class="current">Page 2</a>
<a href="page3.html">Page 3</a>
 
Puis utiliser une régle :
a.current { ... }

Le mieux étant d'ailleurs de ne pas générer le lien qui pointe sur la page elle même

[persia]

[QUOTE=Taum]Salut,

Effectivement il n'existe pas de pseudo classe (type hover, active, etc.) pour ça. Tu dois passer par une classe qui marquera la page courante dans chaque page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
Par exemple si on est sur page2.html :
 
<a href="page1.html">Page 1</a>
<a href="page2.html" class="current">Page 2</a>
<a href="page3.html">Page 3</a>
 
Puis utiliser une régle :
a.current { ... }

lol, et si je clique sur la page 1 ???......page 2 va toujours garder le même style ??

Je veux plutôt que quand je clique sur la page1, son lien soit souligné en rouge par exemple, et qu'en ce moment, la page2 redevient comme avant, c'est-a-dire avec la couleur bleu par défaut.
Si je clique sur page 3, les liens de page2 et page1 vont avoir la couleur blue, et celle de la page 3, la couleur rouge, et ainsi de suite

[frog43]

Il te suffit de placer la class=current une fois par page, sur le lien correspondant ...

[persia]

Il te suffit de placer la class=current une fois par page, sur le lien correspondant ...

J'ai pas très bien saisi.....peut-tu donner un exemple.

Merci

[blueice]

Sur chaque page, tu dois placer le current sur le lien correspondant.
Maintenant si tu veux du dynamisme, il faut faire la même chose mais en PHP par exemple.