Discussion :

[david06600]

Bonjour j'ai un probleme pour l'affichage des images sur mon site dont la mise en page est géré par une css.
C'est une appli j2ee déployer avec tomcat. J'ai mon dossier webcontent avec une fichier .jsp, un dossier css, et un dossier images.
avec background: url(../images/logo.gif) cela ne fonctionne pas. Je ne sais pas trop d'ou peut venir le problème donc je voudrais savoir qu'elle pouvait etre les causes qui font que mes images n'apparaissent pas.

Merci a vous.

[Kerod]

Il pourrait y avoir plusieurs causes :

1. background-image à la place de background
2. Chemin relatif non correct
3. Mauvaise définition du css

[david06600]

Salut, je viens de rectifier le point 1, le point 2 ne peut pas etre faux, enfin je ne pense m'etre trompé ds le chemin relatif. Le point 3 je ne sais pas ce que c'est.

pour le chemin il faut mettre le chemin a partir de la css ou de mon fichier jsp qui est formatté avec la css? J'ai essayé plusieurs chemin pourtant mais cela ne change rien, aucun de mes gif n'apparait a l'écran. Sinon tout le reste fonctionne.

[Kerod]

Si l'url de l'image est défini dans le fichier css il faut qu'elle soit par rapport au répertoire css.Si la définition de ton dossier mise plus haut est correcte, tu as la bonne url.
et Si c'est dans un fichier javascript qui est à la racine c'est plutot :

Code :

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

background-image: url(images/logo.gif)

[david06600]

donc normalement mon url est correct alors pourquoi ttes mes images n'apparaissent pas?

[blueice]

As tu essayé avec l'adresse absolue ?
Si ca ne marche pas c'est qu'il y a un autre problème...

Problème de droits sur les fichiers ?
Images corrompues ?
Images absentes du répertoires ?
...
...

[david06600]

Salut, voici ce que j'ai mit comme chemin absolu
background-image: url(C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\monSite\images\logo.gif) top left no-repeat;
Mes images ne sont pas corrompues, enfin je ne pense je peux les ouvrir pour les visionner.

[blueice]

Si tu rentres cette adresse dans ton navigateur, est-ce que ca affiche ton image ?
C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\monSite\images\logo.gif

[<romain/>]

c'est juste l'image qui ne s'affiche pas? ou bien c'est tout le bloc css?

[david06600]

il n'y a que l'image car si je met une taille en pixel width et height cela me décale mes textes et tout le reste sur la page donc ce n'est que les images qui ne s'affichent pas.

[blueice]

Je dois parler dans le vent !
Est-ce que ton image s'affiche quand tu pointes dessus directement dans le navigateur ?

[david06600]

non pas du tout

[<romain/>]

donc c'est ton chemin qui n'est pas bon...
ou alors l'affichage des images desactive dans ton navigateurs

[blueice]

Fait en sorte d'afficher ton image dans ton navigateur, ensuite tu pourras l'afficher dans ta feuille de style sans problème.

[david06600]

si si pardon j'avai mal compri mon navigateur affiche l'image, dslé
Mais une url de ce style c'est correct : c:\program file\..... ? C'est surement mon chemin qui n'est pas correct mais je ne vois pas comment le corrigé, j'ai déja essayé pas mal de chemin relatif et absolu.

[blueice]

Si tu affiches l'image avec ton lien dans ton navigateur, l'image doit s'afficher lorsque tu l'appeles depuis la feuille de style.
Eventuellement, essaye d'afficher l'image directement dans la page <img src...> et regarde si ca marche.

[david06600]

Salut, j'ai réussi a résoudre mon pb en fait j'ai un pe changé le code html de ma page, j'ai mis une propriété width et height pour mon image et cela fonctionne. Merci a vous pour votre aide en tout cas.

[1tsiMat]

Tag

Merci

[blueice]

ah ben si dans ta feuille de style, tu ne donnes pas de mesures, ca va etre dur d'afficher quoi que se soit...

D'où l'intérêt de donner du code ou un lien...