Impossible d'afficher les images dans ma JSP

**momjunior** · 15/01/2014, 16h59

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 :

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

<%@ 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 :

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

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

**jeffray03** · 16/01/2014, 14h50

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

Eric

**OButterlin** · 16/01/2014, 15h40

Quelle est la structure de ton projet (surtout la partie WebContent) ?

**momjunior** · 16/01/2014, 15h43

Comment ça? J'ai pas bien compris...

**OButterlin** · 16/01/2014, 16h05

L'arborescence de ton projet

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

**momjunior** · 16/01/2014, 19h44

Ah ok. Voici:

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 :

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

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 :

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

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

Merci

**jeffray03** · 17/01/2014, 08h16

salut et quand tu mets :

Code :

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

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

**momjunior** · 17/01/2014, 15h01

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

Code :

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

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 :

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

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

**jeffray03** · 17/01/2014, 15h51

essaies ceci voir:

Code :

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

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

**momjunior** · 17/01/2014, 16h49

ça n'a pas marché...

**jeffray03** · 17/01/2014, 21h52

Il faudra donc deplacer ton repertoire image vers le dossier ou se trouve tes fichiers html

**momjunior** · 18/01/2014, 11h45

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é:

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

**OButterlin** · 20/01/2014, 08h44

Pour moi, la feuille de style est bonne (par rapport à ce que tu as indiqué), par contre, dans la page, ce serait

Code :

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

1
2
3
 
<img src="./images/image1.PNG" .../>
<img src="./images/image2.jpg" .../>

Fait attention aux majuscules/minuscules également

**momjunior** · 27/01/2014, 16h09

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

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

Impossible d'afficher les images dans ma JSP

Servlets/JSP Java

Discussions similaires

Partager

Partager