probleme affichage d'images avec url relative en css.

bonjour,
j'ai ecris une page Html (plutot en Xhtml) et la feuille de style qui va avec. les deux sont dans le meme dossier. et la feuille de style est dans un dossier "style": dossier/page.html et dosier/style/feuillestyle.css

De plus, j'ai un dossier image: dossier/images/images01.png

je veux inserer des images avec la feuille de style mais comme indiquer dans le titre quand j rentre les adresse relatives :

Code:

---

1 2	background-image:url("images/images01.png");

---

ca ne m'affiche rien.
Par contre quand je rentre l'adresse absolue, tout s'affiche.

Je ne comprend pas pourquoi.
Auriez vous la solution?

Citation:

---

Envoyé par wiki23

j'ai ecris une page Html (plutot en Xhtml) et la feuille de style qui va avec. les deux sont dans le meme dossier. et la feuille de style est dans un dossier "style": dossier/page.html et dosier/style/feuillestyle.css

---

Tout ça me parrait un peu contradictoire 8O Alors feuille de style et page html sont-ils ou ne sont-ils pas dans le même dossier ??


Pour ton exemple :

Citation:

---

et la feuille de style est dans un dossier "style": dossier/page.html et dosier/style/feuillestyle.css

j'ai un dossier image: dossier/images/images01.png

---

il faut alors faire ainsi :

Code:

---

background-image:url("../../images/images01.png");

---

je me suis mal exprimé.
le fichiers html est dans un dossier et la feuilles de style est dans le dossier style qui lui même est dans le même dossier que le fichier html. Comme dans l'exemple:
dossier/page.html et dossier/style/feuillestyle.css
dossier/images/images01.png

merci pour ta reponse. je l'ai essayer et meme celle ecrit en dessous mais rien

Code:

---

1 2 3

background-image:url("../../images/images01.png"); background-image:url("/images/images01.png"); background-image:url("images/images01.png");

---

Vérifie bien le chemin de tes fichiers, le nom de l'image et son extension... Si tout te parrait juste, mets nous ton code html et css pour voir.

Enfin, mais je pense que c'est une petite erreur de recopiage, dans ton exemple tu indiques : dossier/page.html et dosier/style/feuillestyle.css ?

Pfiou quelle clarté dans les explications :mouarf:

D'après ce que je comprend, tu vas soit trop loin soit passez assez loin dans l'arborescence :

Code:

---

background-image:url("../images/images01.png");

---

mea coulpa j'ai bien fait une erreur de frappe c'est dossier et non dosier.

Merci pour vos reponse
en effet, Halleck, c'etait bien

Code:

---

background-image:url("../images/image01.png");

---

maintenant ca marche.
C"etait si simple que je ne l'ai pas trouvé :oops:

ok, j'ai compris je sors

Citation:

---

Envoyé par Halleck

Pfiou quelle clarté dans les explications :mouarf:

D'après ce que je comprend, tu vas soit trop loin soit passez assez loin dans l'arborescence :

Code:

---

background-image:url("../images/images01.png");

---

---

:king: en effet j'ai fait une chtite erreur :aie: je dois pas être très réveillé :lol: