28220 sujets

CSS et mise en forme, CSS3

Bonjour

j'ai fait un menu qui lorsqu'on arrive sur une rubrique, le fond devient jaune. j'ai employé le css dont voici le code




#menu { 
width: 100%; 
margin-top:50px; 
margin-left:5px; 
padding: 0; 
} 
#menu A { 
float: left; 
width: 150px; 
display: block; 
padding:4px; 
color:#000000; 
background-color:#ffffff; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
border-bottom:1px solid #000000; 
text-decoration: none; 
} 
#menu A:hover { 
text-decoration: none; 
background-color:#FFFF00; 
color: #000000; 
} 
 


cela marche très bien mais je voudrais ajouter une petite chose mais je sais pas si c'est possible

je voudrais que pour chaque rubrique du menu la couleur de fond soit différente

merci pour votre aide
Il faudrait que tu différencie chaque entrée du menu avec un nom différent, et juste mettre dans ta css :
#menu.accueil A {background-color:#ffffff; }
#menu.contact A {background-color:#000000; }

et pareil pour les a:hover.
Et faire une declaration commune pour tous tes menus.

Par contre, je ne suis pas tres sure de la syntaxe :
#menu.accueil A, #menu.contact A {
float: left;
width: 150px;
display: block;
.......}


Ou alors est-ce qu'il y a plus simple ?