Discussion :

[tebonb]

Voilà bonjour tlm. J'ai donc un probléme en CSS. J'essaie de créer deux menus à gauche l'un en dessous de l'autre . Ces menus sont consitués d'une image menu.jpg . Donc pour celà je déclare 2 divs. Mais le probléme c'est que les images sont coupées dans la hauteur et donc ne s'affichent pas complètement. Je n'arrive pas à résoudre ce probléme :
Voici le code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#menu
{
   float: left; 
   width: 150px; 
}
.element_menu
{
   background-image: url("menu.jpg");
   background-repeat: no-repeat;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

Merci d'avance

[fedfil]

salut,

je pense que tu devrais préciser la hauteur de ta div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.element_menu
{
background-image: url("menu.jpg");
height: 100px; /*taille de ton image*/
background-repeat: no-repeat;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

Avec ça sur que l'image ne soit pas coupé dans sa hauteur !!

[tebonb]

Arf tu sais quoi ? je suis un imbécile : moi je croyais que ça s'écrivait heigth et non pas height résultat écrit corectement ça marche.

merci bien