[XHTML] [DIV][IMAGE]afficher une image en fond [Fait]

**fabszn** · 24/10/2006, 14h08

Hello,

Je travaille avec des portlets.

Je souhaiterai afficher une balise DIV avec une image en fond de l'espace occupé par la balise.

Dans un premier temps il n'y aura pas de contenu dans la balise DIV.
Le problème que je rencontre est l'espace occupé par la div est null tant qu'il n'y a rien dedans.

Est il possible de donner une dimension minimum à l'espace occupé par la balise?

Merci d'avance pour votre aide.

**Bisûnûrs** · 24/10/2006, 14h22

Code HTML :

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

<div id="content"></div>

Code CSS :

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

1
2
3
4
5
#content{
   width:100px; /*largeur de ton div*/
   height:100px; /*hauteur de ton div*/
   background:url(adressedetonimagequetuveuxmettreenfond); /*image de fond*/
}

Comme ça, non ?

**fabszn** · 24/10/2006, 22h29

Hello,

Merci

je vais tester demain!

Je te tiens au courant!

**marsupix** · 25/10/2006, 00h47

le code ci-dessus donne une dimension fixe à la DIV.

tu peux utiliser aussi min-height et min-width si tu veut une hauteur ou largeur "mini" qui s'étire si le contenu dépasse cette taille.

Note: IE6 ne comprend pas min-height (à voir pour IE7). au lieu de ça height prend ce comportement (s'étend avec le contenu). Je ne sais pas pour min-width (sûrement la même galère)

**fabszn** · 25/10/2006, 10h23

Hello,

Merci à tous pour aide!

L'image ne s'affiche pas

J'ai inséré ce code dans ma page :

Code :

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

1
2
3
4
5
<DIV style="background-image: url(../../images/village.jpg); width: 300px; height: 500px;">
 
 
 
</DIV>

Les dimensions sont bien prises en compte, par contre l'image ne s'affiche pas.

Est ce que vous auriez une idée de l'origine du problème?

Merci d'avance!

**Auteur** · 25/10/2006, 11h06

bonjour,

Est ce que vous auriez une idée de l'origine du problème?

à part une erreur dans le chemin, je ne vois pas trop ce qui empêche l'affichage de l'image.

**trotters213** · 25/10/2006, 14h05

il faut que tu mettes le chemin entre le fichier CSS et l'image et non celui entre la page qui appelle le CSS et l'image.

PS : les balises et les attributs c'est en minuscule

**fabszn** · 25/10/2006, 15h19

Hello,

Je n'utilise pas de fichier CSS..

J'ai mis les attributs directement dans la balise <div> concernée.

PS: C'est noté!

**Bisûnûrs** · 25/10/2006, 15h35

1. Mets le chemin absolu de ton image, pour vérifier que tu ne te sois pas trompé dans le chemin relatif.

2. Vérifie que ton image soit bien sur le serveur.