feuille css spring et pages en jsp [Débutant(e)]

**constructeur99** · 13/04/2009, 13h58

Bonjour,
s'il vous plaît, je suis entrain de développer un pt projet en Spring, je voudrais ainsi intégrer du css dans les pages: j'ai mis ;
<LINK rel="stylesheet" href="<%=request.getContextPath()%>Style.css"
type="text/css">

dans la page jsp et lorsque je fais appel, à class=".." , il n'arrive pas à lister les styles dans la Style.css !

le chemin de l'appel du css est correct ? sachant que je l'ai mis sur la racines ac les .jsp

D'avance merci

**constructeur99** · 13/04/2009, 19h39

Merci qd même, je viens de trouver la réponse à mon post, le pb de css est bien résolu

**cyberface** · 11/05/2009, 12h46

Bonjour, pourrais tu donner la solution au problème car j'ai exactement le même problème mon css ne fonctionne pas du tout. Je me dis surement à cause du chemin. Merci

**c_nvy** · 11/05/2009, 13h00

Si tu veux de l'aide, poste le code de la balise link et précise où se situe le fichier css dans l'arborescence de ton projet.

**cyberface** · 11/05/2009, 13h24

Envoyé par c_nvy

Si tu veux de l'aide, poste le code de la balise link et précise où se situe le fichier css dans l'arborescence de ton projet.

Merci pour l'attention

Voici le code de mon index.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
<%@ page language="java" pageEncoding="ISO-8859-1" contentType="text/html;charset=ISO-8859-1" %>
<%@ include file="tagLib.jsp" %>
<html>
<head><link href="<%=request.getContextPath()%>/css/index.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="container">
  <div id="EnterButton">
	<a href="<c:url value="http://www.google.be"/>"></a>
  </div>
</div>
</body>
</html>

le code du index.css

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#container {
	height: 650px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image:url(../ressources/Background_1.jpg)
}
 
#EnterButton{
	position: relative;
	width: 174px;
	height: 39px;
	background:url(../ressources/buttons/enter.jpg);
	left: 359px;
	top: 388px;
	border:none;
} 
 
#EnterButton:hover{
	background:url(../ressources/effect_buttons/enter_03.jpg)
}

J'ai mis un printscreen de l'arborescence en pièce jointe.

Merci d'avance pour toutes aides.

**c_nvy** · 11/05/2009, 13h28

Il ne faut pas mettre le répertoire css sous WEB-INF car c'est un répertoire protégé.
Tu ne peux pas y accèder directement depuis le navigateur.
Déplace donc le répertoire css sous WebContent.

**cyberface** · 11/05/2009, 13h43

WWAAaww merci pour la rapide réaction.
J'ai fais ce que tu as mis mis le repertoire css dans WebContent mais j'ai toujours une page blanche.

En affichant la sources de la jsp, je vois que le lien

Code :

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

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

Tu pourrais me dire si dans les lien des background-images dans le css sont corrects?

Désolé mais je débute en application web

**c_nvy** · 11/05/2009, 13h47

Le lien est correct mais pour que cela fonctionne, il faut aussi déplacer le répertoire ressources où se trouve les images sous WebContent.

**cyberface** · 11/05/2009, 13h52

j'allais éditer mon post pour y ajouter cette info que j'avais également placé le répertoire "ressources" sous WebContent, mais toujours rien.

Je ne vois pas ce que je dois faire là, car si je place le css dans le index.jsp cela fonctionne mais séparément non.

**c_nvy** · 11/05/2009, 13h56

Effectivement, après réflexion, vu que tes jsp sont aussi sous WEB-INF, l'url n'est pas bonne.

Essaie ceci :

Code :

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

background-image:url(../../ressources/Background_1.jpg)

**cyberface** · 11/05/2009, 14h21

Ca fonctionnnneeeee

En tout un tout grand merci pour ta précieuse aide pour les placements de mes répertoires, car je ne savais pas que WEB-INF était un répertoire protégé

En fait le lien dans le css pour le background-image n'était pas le bon

Code :

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

background-image:url(../ressources/backgrounds/Background_1.jpg);

à la place de

Code :

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

background-image:url(../ressources/Background_1.jpg);

Voili voilou

**c_nvy** · 11/05/2009, 14h57

De rien.

Effectivement, je n'avais pas fait attention que tu avais oublié le répertoire backgrounds dans l'url.

**EmnaRJ** · 19/08/2016, 14h58

Je viens d'avoir le même problème j'ai suivi les étapes indiquées ci-dessus et ça fonctionne !
Mille mercii !!

feuille css spring et pages en jsp [Débutant(e)]

Servlets/JSP Java

Discussions similaires

Partager

Partager