Changer la couleur du lien lorsque l'on est sur la page

**The Molo** · 17/10/2007, 09h33

Bonjour,

j'ai un petit souci pour les menus de mon site...

voila le bout de css que j'ai créé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
/* Menu Gauche et Droit : lien */
a.mainlevel{
text-align:right;
padding-left:8px;
border-left:2px solid #001166;
font-weight:bold;
color:#001166;
line-height:175%;
}
 
/* Menu Gauche et Droit : lorsque l'on survol le lien*/
a.mainlevel:hover{
padding-left:8px;
font-weight:bold;
border-left:2px solid #669900;
color:#669900;
line-height:175%;
}

J'aimerais bien pouvoir mettre le lien d'une autre couleur lorsque l'on est sur la page. (Juste le lien qui pointe sur la page active) mais je n'y arrives pas !

Merci de votre aide !!!

**Bisûnûrs** · 17/10/2007, 09h37

Créé une classe spéciale genre "active". Ensuite avec un langage serveur compare la page sur laquelle tu es et mets cette classe à ton lien qui y correspond.

**The Molo** · 17/10/2007, 09h41

Merci de répondre !

Comment puis-je comparer la page sur laquelle je suis? (en Php)

Code :

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

et mets cette classe à ton lien qui y correspond.

Je ne comprends pas ce que tu veux dire...

Je ne veux pas une couleur différente de lien pour chaque page, je voudrais juste que le lien "actif" soit d'une autre couleur que les autres du menu...
Ce sera tjs la même couleur pour le lien "actif"

**Bisûnûrs** · 17/10/2007, 09h50

C'est bien ce que je dis :

Code :

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

1
2
3
.active{
   color:red;
}

Code php :

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

1
2
<a href="lien1.html" <?php echo ($_SERVER['REQUEST_URI'] == 'lien1.html') ? 'class="active"' : ''>Lien1</a>
<a href="lien2.html" <?php echo ($_SERVER['REQUEST_URI'] == 'lien2.html') ? 'class="active"' : ''>Lien2</a>

Si tu ne fais pas de PHP mais ASP, JSP ou autres, regarde la syntaxe pour ces langages, mais le principe est là.