Bouton menu, div dans div.
Résolu
Bonjour, je souhaite créer un menu sur mon site, dont les boutons ne sont pas collés. J'ai deux image une du coté gauche du bouton, l'autre du droit. Voici mon code :
CSS:
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}
HTML:
<div class="bouton_menu">Accueil<div></div></div>
Le <div></div> est normalement le côté droit. C'est dans le css que j'ai du mal, si je me rappel c'est comme ça :
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}
div.div.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}
Mais sa ne fonctionne pas. Seriez vous comment faire ?
Merci d'avance.
CSS:
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}
HTML:
<div class="bouton_menu">Accueil<div></div></div>
Le <div></div> est normalement le côté droit. C'est dans le css que j'ai du mal, si je me rappel c'est comme ça :
.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}
div.div.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}
Mais sa ne fonctionne pas. Seriez vous comment faire ?
Merci d'avance.
2 réponses
-
Premièrement, au lieu de
div.div.bouton_menu {
/* Déclarations CSS */
}
tu devrais mettre :
div.bouton_menu div {
/* Déclarations CSS */
}
Et deuxièmement, au lieu de :
<div class="bouton_menu">Accueil<div></div></div>
essaie :
<div class="bouton_menu"><div>Accueil</div></div>
ou, encore :<div class="bouton_menu">Accueil<div> </div></div>
Dis-moi si ça fonctionne !!! :) -
Ton aide mets déjà assé précieuse ;)
C'est parfait merci :) Sais-tu comment faire pour laisser un espace de 20px à droite du côté gauche ?
