Menu html, change color
Résolu
Bonjour,
je voudrai construire un Menu, et de changer la couleur du bouton qui correspond à la page où je suis.
quelqu'un peut m'aider, merci,
<style>
ul#menu li a
{
width : auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */
width : 100%; /* largeur interprétée par IE6 et inférieur */
padding : 4px; /* Définition des marges intérieures */
text-decoration : none; /* Suppression du soulignement */
color : #39C; /* Couleur de la police */
display : block; /* Définition sous forme de block */
background-color : #F5FBFF; /* Définition de la couleur de fond */
border : 1px solid #3399CC; /* Ajout d'une bordure */
border-left-width : 4px; /* Modification de la bordure gauche */
}
</style>
<ul id="menu">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#r1">Rubrique 1</a></li>
<li><a href="#r2">Rubrique 2</a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4">Rubrique 4</a></li>
</ul>
je voudrai construire un Menu, et de changer la couleur du bouton qui correspond à la page où je suis.
quelqu'un peut m'aider, merci,
<style>
ul#menu li a
{
width : auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */
width : 100%; /* largeur interprétée par IE6 et inférieur */
padding : 4px; /* Définition des marges intérieures */
text-decoration : none; /* Suppression du soulignement */
color : #39C; /* Couleur de la police */
display : block; /* Définition sous forme de block */
background-color : #F5FBFF; /* Définition de la couleur de fond */
border : 1px solid #3399CC; /* Ajout d'une bordure */
border-left-width : 4px; /* Modification de la bordure gauche */
}
</style>
<ul id="menu">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#r1">Rubrique 1</a></li>
<li><a href="#r2">Rubrique 2</a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4">Rubrique 4</a></li>
</ul>
Configuration: Windows XP Internet Explorer 7.0
6 réponses
-
Tu veux que la couleur du menu change en fonction de la page?
-
oui,
exemple : ce que tu voies dans cette pages: "Astuces Forum Télécharger Guide d'achat" -
ah ué donc c'est pas ce que je pensais^^ je pensais que tu voulais
par exemple avoir un menu rouge vert bleu si tu etait sur page1.html
et ce même menu violet marron bleu si tu etait sur page2.html
mais bref
<ul id="menu">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#r1">Rubrique 1</a></li>
<li><a href="#r2">Rubrique 2</a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4">Rubrique 4</a></li>
</ul>
tu met par exemple :
<a href="#accueil" class="accueil">
<a href="#r1" class="rubrique">
etc...
et dans la feuille css tu fais :
a.accueil:link
et tu defini ce que tu veux
a.acceuil:hover
etc..
et apres
a.rubrique:link
etc..
-
bah oui,
je veux que je clique sur le deuxième rubrique le premier revient à sa couleur principale, et ainsi de suite
merci -
bon alors pour faire simple, tu fais une fuille de css par page :)
et puis voila^^
immaginon 3 pages :
rouge.html vert.html gris.html
et donc 3 boutons
tu défini pour chacune de ses page les couleur des bouton que que tu veux, au moment ou l'on sur la page. -
merci,
