Impossible d'afficher les images dans ma JSP

Version imprimable

Bonjour

J'ai un fichier index.html que j'ai créé avec le logiciel Kompozer (je bosse sur ubuntu 13.04). Maintenant j'aimerais transformer cette page en html en jsp. J'ai donc changer l'extension .html en .jsp et ajouter aussi la ligne suivante au début de la page:

Code:

<%@ page pageEncoding="UTF-8" %>

Et là à partir de mon netbeans j'arrive à lancer mon index.jsp comme page d'accueil de mon projet.

Le problème est que les images et ma feuille style.css ne s'affichent pas. Pourtant j'ai juste changé l'extension et ajouté la ligne citée ci-dessus.

Voici le début de ma page jsp:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <%@ page pageEncoding="UTF-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Essai</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> ...
Merci

16/01/2014, 14h50
jeffray03

as tu essayé d´afficher ces images directement depuis ton fichier jsp pour voir si ce n´est pas un probleme de chemin.

Eric
16/01/2014, 15h40
OButterlin

Quelle est la structure de ton projet (surtout la partie WebContent) ?
16/01/2014, 15h43
momjunior

Comment ça? J'ai pas bien compris...
16/01/2014, 16h05
OButterlin

L'arborescence de ton projet

Citation:

LeProjet
...src
...WebContent
......META-INF
......UnRepertoire
......WEB-INF
......index.jsp

Il faut qu'on sache à quel niveau sont tes ressources pour te donner le chemin exact
16/01/2014, 19h44
momjunior
Ah ok. Voici:

Citation:

Mon Projet
- build
- lib
- nbproject
- src
----- conf
----- java
- web
----- images
------------ image1.PNG
------------ image2.jpg
------------ image3.jpg
- META-INF
- Pages
- WEB-INF
- index.jsp
- index.html
- style.css
- build.xml

Bizaremment seule l'image que j'ai nommée "image1.PNG" apparait. Les autres n'apparaissent pas. Pourtant elles sont toutes dans le même répertoire et je l'ai les appelées toutes de la même façon , c'est-à-dire:
Code:

1 2 3 <img src="images/image1" alt="" height="94" width="184" /> <img src="images/image2" alt="" height="94" width="184" /> <img src="images/image3" alt="" height="94" width="184" />
Et voici le code qui mène vers ma feuille de style:

Code:

<link href="style.css" rel="stylesheet" type="text/css" />

Merci

salut et quand tu mets :
Code:

1 2 3 <img src="images/image1.png" alt="" height="94" width="184" /> <img src="images/image2.jpg" alt="" height="94" width="184" /> <img src="images/image3.jpg" alt="" height="94" width="184" />
qu´est ce qui se passe?

et dans ton fichier .css, as tu mis aussi comme chemin des images : images/image1.png?
Eric

En fait je me suis trompé dans mon message. C'est bien de cette manière que j'ai inséré mes images:
Code:

1 2 <img src="images/image1.png" alt="" height="94" width="184" /> <img src="images/image2.jpg" alt="" height="94" width="184" />
Concernant la feuille de style, voici ce que j'ai fait:
Code:

1 2 3 4 5 6 7 8 9 10 td.bannerBg{ background:url(images/banner-bg.jpg) repeat-x 0 36px; height:218px; } td.logoBotmbg{ background:url(images/logo-bg-bot.jpg) no-repeat 0 100% #F4F4F4; height:219px; color:#000; }
Merci

essaies ceci voir:

Code:

1
2
3
4
5
6
7
8
9
td.bannerBg{
	background:url(../images/banner-bg.jpg) repeat-x 0 36px;
	height:218px;
}
td.logoBotmbg{
	background:url(../images/logo-bg-bot.jpg) no-repeat 0 100% #F4F4F4;
	height:219px;
	color:#000;
}

Eric

17/01/2014, 16h49
momjunior

ça n'a pas marché...:cry:
17/01/2014, 21h52
jeffray03

Il faudra donc deplacer ton repertoire image vers le dossier ou se trouve tes fichiers html
18/01/2014, 11h45
momjunior

En fait mon dossier image et mes fichiers html et jsp sont dans le même répertoire nommé "web". Je l'ai peut être mal illustré:

Citation:

Mon Projet
- build
- lib
- nbproject
- src
----- conf
----- java
- web
----- images
------------ image1.PNG
------------ image2.jpg
------------ image3.jpg
----- META-INF
----- Pages
----- WEB-INF
----- index.jsp
----- index.html
----- style.css
- build.xml

Je me dis que le problème vient peut etre de mon tomcat 7 ou du netbeans 7.4. Je rappelle que je suis sous ubuntu 13.04. Je vais essayer d'installer Eclipse pour voir si ça va marcher.

Merci
20/01/2014, 08h44
OButterlin
Pour moi, la feuille de style est bonne (par rapport à ce que tu as indiqué), par contre, dans la page, ce serait
Code:

1 2 3 <img src="./images/image1.PNG" .../> <img src="./images/image2.jpg" .../>
Fait attention aux majuscules/minuscules également :aie:
27/01/2014, 16h09
momjunior

Comme le disait ma grand-mère: "si tu ne trouves pas de solution à un problème, alors contourne le" (ou un truc du genre).

Bref je me suis dis que comme je ne maitrise pas bien ubuntu, j'ai du faire de mauvaises manipulations lors de la configuration du tomcat. Ou c'est peut-etre un problème de comptabilité entre ubuntu,netbeans et tomcat.

Donc j'ai installé virtualbox avec Windows 7 comme SE. Ensuite j'ai installé tomcat7 et netbeans et j'y ai copié le projet qui déconnait.

Et paf...:ccool: tout marche à merveille. Toutes mes images apparaissent.
Je ne sais toujours pas d'où pouvait venir le problème mais tant pis. Je peux au moins avancer tranquillement.

Merci à tous pour votre aide