Bonjour à tous,
J'ai un menu horizontal dont voici le code
et la CSS
Ce menu est appelé via un include php. Ce menu est donc présent sur toutes mes pages.
Dans l'exemple ci-dessus, j'ai un id="active" qui me permet de lui affecter un background blanc.
Mon id="active" va donc changer selon la page (on clique par ex sur contact, et cela affecte le fond blanc).
Bref, mon include fonctionne bien, mais comment faire pour que le background soit blanc en fonction de la page sur laquelle on est ?
Par ex:
- faire un include spécifique pour chaque lien du menu avec l'id="active" différent sur les pages, et l'appeler en php après ?
- ou y a t'il un moyen de le faire directement en CSS (j'en doute).
J'espère que vous comprendrez de quoi je parle
Modifié par pp51 (16 Aug 2006 - 13:51)
J'ai un menu horizontal dont voici le code
<div id="haut">
<ul id="menuhaut">
<li><a id="menu1" title="Aller à l'accueil" ref="index.htm">ACCUEIL</a></li>
<li><a id="active" title="Nos collections de bijoux pour le mariage" ref="collections-page1.htm">COLLECTIONS</a></li>
<li><a id="menu3" title="Trouver un point de vente" ref="points-de-vente.htm">POINTS DE VENTE</a></li>
<li><a id="menu4" title="Nos secrets de fabrication" href="atelier-de-creation.htm">ATELIER DE CREATION</a></li>
<li><a id="menu5" title="Tout savoir sur Princesse d'un Jour" href="a-propos.htm">A PROPOS</a></li>
<li><a id="menu6" title="Contacter la créatrice" ref="contact.htm">CONTACT</a></li>
</ul>
</div>
et la CSS
#haut{
width:737px;
height:1.5em;
padding-left:6px;
margin-top:.3em;
line-height:1.5em;
background-color:#8E6784;
border-top:1px solid #6C3089;
border-bottom:1px solid #6C3089;
}
#menuhaut li{
float:left;
list-style-type:none;
background-color:#8E6784;
}
#menuhaut a{
display:block;
padding:0 8px;
color:#FFF;
font-size:0.7em;
letter-spacing:3px;
text-decoration:none;
text-align:center;
}
#menuhaut a#active{
background-color:white;
color:#6C3089;
}
Ce menu est appelé via un include php. Ce menu est donc présent sur toutes mes pages.
Dans l'exemple ci-dessus, j'ai un id="active" qui me permet de lui affecter un background blanc.
Mon id="active" va donc changer selon la page (on clique par ex sur contact, et cela affecte le fond blanc).
Bref, mon include fonctionne bien, mais comment faire pour que le background soit blanc en fonction de la page sur laquelle on est ?
Par ex:
- faire un include spécifique pour chaque lien du menu avec l'id="active" différent sur les pages, et l'appeler en php après ?
- ou y a t'il un moyen de le faire directement en CSS (j'en doute).
J'espère que vous comprendrez de quoi je parle

Modifié par pp51 (16 Aug 2006 - 13:51)