Bouton menu, div dans div.

Résolu
BobbyValentino -  
coeus Messages postés 3296 Statut Membre -
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.

2 réponses

  1. coeus Messages postés 3296 Statut Membre 120
     
    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>&#160;</div></div>


    Dis-moi si ça fonctionne !!! :)
    1
    1. coeus Messages postés 3296 Statut Membre 120
       
      Ah et désolé, j'ai pas mis de bonjour...
      Je suis le comble de l'impolitesse ! ;-)
      0
  2. BobbyValentino
     
    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 ?
    0
    1. coeus Messages postés 3296 Statut Membre 120
       
      Dans ton div.bouton_menu {} OU dans ton div.bouton_menu div {}, mets un margin-left:20px; OU un padding-left:20px;
      Essaie pour trouver ce qui fonctionne le mieux avec ton code et avec quelques navigateurs différents.
      0
    2. BobbyValentino
       
      J'ai mis un font derrière mon bouton, sa a marché. Merci pour ton aide ;)
      0
    3. coeus Messages postés 3296 Statut Membre 120
       
      Plaisir ! ;-)
      N'oublie pas de mettre le sujet à "résolu", si ce n'est pas déjà fait, pour faire de la bonne pub à CCM ! :-)
      0