WRInaute discret
Bonjour,
j'ai un petit soucis.
Je voudrais faire un menu en css :
Ca serait un menu avec plusieurs boutons, et lorsqu'on survol ces boutons, ils changent de couleur. Jusque là ça va, mais je voudrais que sur la page active, celle sur laquelle on se trouve, le bouton reste de la même couleur que la couleur de survol. C'est cette partie qui me manque. J'ai mis en ligne un bout d'exemple : http://ponfred.free.fr
Ci dessous le css que j'ai fait :
(en fait je me suis inspiré d'un template gratuit sur internet)
Si quelqu'un avait une idée, je suis preneur.
Merci d'avance
Fred
j'ai un petit soucis.
Je voudrais faire un menu en css :
Ca serait un menu avec plusieurs boutons, et lorsqu'on survol ces boutons, ils changent de couleur. Jusque là ça va, mais je voudrais que sur la page active, celle sur laquelle on se trouve, le bouton reste de la même couleur que la couleur de survol. C'est cette partie qui me manque. J'ai mis en ligne un bout d'exemple : http://ponfred.free.fr
Ci dessous le css que j'ai fait :
(en fait je me suis inspiré d'un template gratuit sur internet)
Code:
#menu {
width: 740px;
margin: 25px auto 5px 230px;
padding: 0;
background: #fff;
float: left;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
width: 60px;
height: 18px;
padding-top: 5px;
border-right: 4px solid #fff;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #CF162F;
background-color: #C1C1C1;
}
#menu a:hover, #menu .current_page_item a {
text-decoration: none;
background-color: #FFF;
}
#menu .current_page_item a {
background-color: #000;
}
Si quelqu'un avait une idée, je suis preneur.
Merci d'avance
Fred