Menu html, change color
Résolu
developper55
Messages postés
130
Statut
Membre
-
developper55 Messages postés 130 Statut Membre -
developper55 Messages postés 130 Statut Membre -
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>
A voir également:
- Menu html, change color
- Change dns - Guide
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Canon quick menu - Télécharger - Utilitaires
- Press the esc key for startup menu - Forum Matériel & Système
6 réponses
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..
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
je veux que je clique sur le deuxième rubrique le premier revient à sa couleur principale, et ainsi de suite
merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
