Hello,
j'aimerais essayer de faire des "boutons" pour mon menu horizontal comme ceux du menu vertical ...
j'ai donc préparé 3 images, que j'ai appelées respectivement gauche, centre et droite toutes au format png.
en CSS j'essaie ces 3 classes :
Code :
- .horiz_g
- {
- background-image:url(images/gauche.gif);
- background-repeat:no-repeat;
- background-position:left;
- height:32px;
- padding-top:8px;
- }
- .horiz_c
- {
- background-image:url(images/centre.png);
- background-repeat:repeat-x;
- background-position:center;
- height:32px;
- padding-top:8px;
- }
- .horiz_d
- {
- background-image:url(images/droite.png);
- background-repeat:no-repeat;
- background-position:right;
- height:32px;
- }
|
qui sont censées afficher ces 3 images pour composer chaque "bouton".
lorsque je mets le code html suivant :
Code :
- <div class="horiz_g"> ddd</div>
- <div class="horiz_c">hello, message de coucou</div>
- <div class="horiz_d"> ddd</div>
|
j'ai bien mes 3 éléments qui s'affichent, chacun sur une ligne.
Seulement si je mets un display:inline; dans une des classes CSS, je n'ai plus d'apparition de l'image, et je ne comprends pas pourquoi ... Pouvez-vous m'éclairer svp ?
Je vous remercie de votre aide
mika123
PS : si vous voulez voir en gros, regardez ma signature ![:) :)](https://forum-images.hardware.fr/icones/smile.gif)
Message édité par mika123 le 11-09-2005 à 13:40:26