[RESOLU] Menu css horizontal, php et couleur
Modérateur : chinon37
-
- Lézard vert
- Messages : 108
- Inscription : 26 févr. 2008, 19:16
[RESOLU] Menu css horizontal, php et couleur
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
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
Dernière modification par electrophil le 15 févr. 2009, 18:41, modifié 1 fois.
Remets toujours au lendemain ce que tu pourrais saloper la veille
Bonjour
Il me semble que la solution adoptée sur kompozer.net est la suivante:
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
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;
}
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
-
- Lézard vert
- Messages : 108
- Inscription : 26 févr. 2008, 19:16
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
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
Remets toujours au lendemain ce que tu pourrais saloper la veille
-
- Lézard vert
- Messages : 108
- Inscription : 26 févr. 2008, 19:16
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
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
Remets toujours au lendemain ce que tu pourrais saloper la veille
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités