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

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.:D

Code:

---

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

---

Code:

---

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 ?

Hello,

Merci :D

je vais tester demain!

Je te tiens au courant!

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)

Hello,

Merci à tous pour aide!

L'image ne s'affiche pas :cry:

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

Code:

---

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!

bonjour,

Citation:

---

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. :?

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 ;)

Hello,

Je n'utilise pas de fichier CSS..:cry:

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



PS: C'est noté! ;)

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. :roll:

Hello,

Je vais tester cela et je vous tiens au courant!

Merci encore pour votre aide!:D

Hello!

C'est bon ca marche!!!

Merci beaucoup pour votre aide!:D

Citation:

---

Envoyé par fabszn

Je n'utilise pas de fichier CSS..:cry:
J'ai mis les attributs directement dans la balise <div> concernée.

---

c'est mal tout particulièrement si tu fais du XHTML ;)

Vaut mieux toujours avoir sa fiche CSS en externe ;) !
C'est bien connu :D !