feuille css spring et pages en jsp

Version imprimable

13/04/2009, 13h58
constructeur99

feuille css spring et pages en jsp

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
13/04/2009, 19h39
constructeur99

:yaisse2:

Merci qd même, je viens de trouver la réponse à mon post, le pb de css est bien résolu :yaisse2:
11/05/2009, 12h46
cyberface

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;)
11/05/2009, 13h00
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.

1 pièce(s) jointe(s)

Citation:

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.

:salut: Merci pour l'attention

Voici le code de mon index.jsp

Code:

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:

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

11/05/2009, 13h28
c_nvy

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.
11/05/2009, 13h43
cyberface

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. :aie:
En affichant la sources de la jsp, je vois que le lien

Code:

<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:?
11/05/2009, 13h47
c_nvy

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.
11/05/2009, 13h52
cyberface

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.8O
11/05/2009, 13h56
c_nvy

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

Essaie ceci :

Code:

background-image:url(../../ressources/Background_1.jpg)
11/05/2009, 14h21
cyberface

1 pièce(s) jointe(s)

Ca fonctionnnneeeee:yaisse2:

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

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

Code:

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

à la place de

Code:

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

Voili voilou :king::yaisse3:
11/05/2009, 14h57
c_nvy

De rien.;)

Effectivement, je n'avais pas fait attention que tu avais oublié le répertoire backgrounds dans l'url.:oops:
19/08/2016, 14h58
EmnaRJ

Bonjour,

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