Menu html, change color

Résolu/Fermé
developper55 Messages postés 123 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 30 mai 2012 - 22 févr. 2008 à 16:48
developper55 Messages postés 123 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 30 mai 2012 - 4 juin 2008 à 12:28
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>
A voir également:

6 réponses

aveuglemspas_sourd Messages postés 286 Date d'inscription mercredi 23 mai 2007 Statut Membre Dernière intervention 12 octobre 2009 20
22 févr. 2008 à 16:51
Tu veux que la couleur du menu change en fonction de la page?
0
developper55 Messages postés 123 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 30 mai 2012 9
22 févr. 2008 à 16:56
oui,
exemple : ce que tu voies dans cette pages: "Astuces Forum Télécharger Guide d'achat"
0
aveuglemspas_sourd Messages postés 286 Date d'inscription mercredi 23 mai 2007 Statut Membre Dernière intervention 12 octobre 2009 20
22 févr. 2008 à 17:03
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..
0
developper55 Messages postés 123 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 30 mai 2012 9
22 févr. 2008 à 17:09
bah oui,
je veux que je clique sur le deuxième rubrique le premier revient à sa couleur principale, et ainsi de suite
merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
aveuglemspas_sourd Messages postés 286 Date d'inscription mercredi 23 mai 2007 Statut Membre Dernière intervention 12 octobre 2009 20
22 févr. 2008 à 17:19
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.
0
developper55 Messages postés 123 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 30 mai 2012 9
4 juin 2008 à 12:28
merci,
0