mes images définies via css ne chargent pas

**Aldian** · 18/08/2010, 18h50

Bonjour

Je suis un grand débutant du css, donc je ne sais pas si mon problème vient d'erreurs de type css, ou d'erreur d'adressage de ressources.

Je suis en train d'essayer de construire une interface J2EE. Pour l'instant j'ai une servlet d'accueil qui affiche un bandeau bleu et un hello avec le code suivant (tel qu'affiché par le navigateur):

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<link rel="stylesheet" href="/essai_GUI1/resources/default.css" type="text/css" media="all" />
<title>Title</title>
<body>
 
<div id="header">
</div>
 
<div id="default">
Hello :)
</div>
 
</body>
</html>

Lorsque j'affiche le code source et que je clique sur le lien vers la feuille de style, celle-ci se charge bien:

Code :

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

1
2
3
4
5
6
@CHARSET "ISO-8859-1";
 
#header {
background: #046380 url(resources/bandeau.PNG);
height:61px;
}

Et lorsque je regarde le log de l'application, je vois que la servlet de ressources a reçu une requête pour la feuille de style, et une requête pour le bandeau et qu'à priori elle les a traitées avec succès. J'ai aussi essayé de rentrer directement l'adresse du bandeau dans la barre d'adresse, et l'image s'affiche correctement.

Pourtant le bandeau ne s'affiche pas au chargement de la page. Des idées?

**ornitho13** · 18/08/2010, 19h48

Bonjour,

Dans ta css, enlève le répertoire "resources" car a priori ton image et ta css sont dans le même répertoire.

De plus vérifie l'extension de ton image, est elle vraiment en majuscule?

Code :

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

1
2
3
4
5
#header {
     background: #046380 url(bandeau.png);
     height:61px;
}

**Aldian** · 18/08/2010, 20h33

Merci beaucoup de cette réponse.

En fait l'image et la css sont symboliquement dans un même répertoire qui s'appelle resources et qui n'existe pas, et physiquement, elles sont situées dans des répertoires différent, c'est une servlet qui s'occuppe de les rendre accessibles. Du coup je m'embrouille un peu les pinceaux dans les chemins.

Concernant l'extension, elle est vraiment en majuscule. Je ne sais pas pourquoi d'ailleurs, car je l'avais mise en minuscules en enregistrant l'image.

Avec votre correction, ça marche! Par contre j'ai reçu de nouvelles directives d'un genre assez contraignant qui me poussent à re-soliciter votre aide pour un problème autrement plus compliqué.

Merci d'avance

mes images définies via css ne chargent pas

CSS

Discussions similaires

Partager

Partager