Discussion :

[ml1234]

bonjour,

dans index.html, j'ai home, menu1 et menu2.
je choisis menu2 qui affiche menu2.html et je voudrais que menu2 sur cette page ait la couleur de "hover" qu'il avait dans la page principale

j'ai donc défini un li.active croyant que cela signifiait la page active mais cela ne marche pas

j'ai vu dans un site plusieurs :
<!-- Second part of script to display active nav item -->
<script language="javascript">setPage()</script>

mais je n'ai aucune idée si il suffit de copier cela dans mon code car c'est une fonction standard ou si derrière ce site il y a un monstre de php qui interprète tout cela

Une idée ?

je pensais aussi créer des classes "menuchoisi" pour chaque page html qui mettrait le lien correspondant à cette page dans la bonne couleur et la classe "menunonchoisi" pour tous les autres qui mettrait la couleur non sélectionnée mais est-ce la bonne méthode ?


merci
Marc

[tibotibo69]

Salut,

Je n'ai pas tout saisi.
je pense que si tu fournissait un petit bout de code ça serait plus clair.

Pour ce qui est du :active , c'est une pseudo-classe CSS qui te permet d'appliquer un style entre le moment du clic et le relâchement du clic mais je ne pense pas que ce soit ce que tu recherches.

[ml1234]

je ne saurais pas mettre du code car pas fait.
ce que je veux dire c'est que si le texte du menu "home about contact" est noir avec survol a:hover rouge, quand on est sur la page d'accueil home, le texte home soit rouge et about et contact soient noirs et quand on est sur la page contact, home et about sont noirs et le menu contact est rouge.

merci
Marc

[tibotibo69]

D'accord.

Dans ce cas tu peux attribuer une classe "pageActuelle" sur "Accueil" dans ta page accueil, sur "Contact" dans ta page contact, etc...

Avec ceci dans la classe pageActuelle :

Code :

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

1
2
3
4
5
.pageActuelle {
 
    color: red;
 
}

[HiRoN]

Bonjour,

Le mieux serait de faire cela côté serveur (php), comme par exemple ici