Page 1 sur 1

[RESOLU] Menu css horizontal, php et couleur

Publié : 02 janv. 2009, 19:25
par electrophil
Bonjour et bonne année,

J'ai un menu css qui fonctionne presque bien et je l'affiche sur chaque page d'un chapitre avec la méthode <?php include ( "toto.inc.php");?>
Mais quand on clique sur le lien correspondant, j'aimerais que le bouton de lien reste coloré comme sur la page kompozer.net par exemple.
Je viens de regarder sur le site alsacreation et j'ai l'impression d'utiliser les mêmes propriétés css bien que je n'utilise pas le système de liste.
Ma page test: www.electrophil.fr/test/menu_test.php
J'ai bien essayé de reprendre le code intégral de alsacreation et de faire un menu php et c'est pareil. www.electrophil.fr/test/menu_alsa.php
Tant que le lien est sur la même page, la couleur de fond du bouton reste bien, mais quand le lien pointe sur une autre page, la couleur du bouton ne reste pas.
Une idée?
Merci



Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5

Publié : 02 janv. 2009, 20:13
par Ymai
Bonjour
Il me semble que la solution adoptée sur kompozer.net est la suivante:

Code : Tout sélectionner

#menu1 ul li a.active {
background-color:white;
}
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5

Publié : 03 janv. 2009, 01:48
par electrophil
Merci Ymai,
C'est bien ce que j'avais vu en regardant le source de la page kompozer.net.
Mais dis-moi, comment je fais pour modifier une classe en fonction de l'endroit où je clique ?
Parce que là, le menu il est en php et il se recharge à chaque page. Il faut donc que le code php du menu se modifie en fonction du lien sur lequel je clique pour définir la classe de l'élément, non ?



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Publié : 10 févr. 2009, 17:12
par electrophil
Je crois qu'un petit tour ici sera utile:
http://www.alsacreations.com/astuce/lir ... cours.html


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6