[ JSP ][ CSS ]Peut-on importer une CSS dans une page JSP?

**sandrinec** · 19/04/2006, 15h51

Bonjour,
Je développe une appli web Struts. Je test mes pages avec Firefox.
J'ai essayé d'importer une feuille de style dans ma page jsp mais le style n'est pas appliqué...

Ces 2 fichiers sont placés dans le même répertoire:
style.css:

Code :

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

1
2
3
4
5
body {
color:red;
background-color:blue;
margin:0;
}

acceuil.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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
 
<html>
    <meta http-equiv="pragma" content="no-cache">
 
    <head>
        <title>Essai CSS</title>
        <script language="javascript">
            function effacer(){
                with(document.frmEssai){
                    nom.value="";
                }
            }
        </script>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
 
    <body>
        <center>
            <html:form action="/main">
                <table>
                    <tr>
                        <td>Nom</td>
                        <td><html:text property="nom" size="20"/></td>
                    </tr>
                </table>
                <br>
                <table>
                    <tr>
                        <td><html:button property="btnEffacer" value="Clear" onclick="effacer()"/></td>
                    </tr>
                </table>
            </html:form>
        </center>
    </body>
</html>

La feuille de style et la syntaxe de l'import dans la jsp me paraissent bons car quand je modifie acceuil.jsp en acceuil.html et que je l'ouvre directement dans mon navigateur, la feuille de style est bien appliquée.

Est-ce qu'il faut configurer la feuille de style dans le struts-config.xml ?
Ou est-ce qu'il faut utiliser autre chose que CSS ?

**Grimaud** · 19/04/2006, 16h01

Moi dans mes jsp je reference mes css par rapport à la "racine" ( webcontent dans mon cas) et non par rapport au fichier jsp en lui meme. Dans ton cas (compte tenu de ton chemin que tu as fixé) si tu places ton fichier css a la racine de ton projet il devrait le trouver.

**yolepro** · 19/04/2006, 16h05

Ou se trouve tes fichiers CSS ?
ou se trouve tes JSP ?

Utilises-tu un mapping particulier dans ton web.xml?

En bref, le plus propre serait d'avoir un rep "jsp", un rep "css" les deux à la racine de ton webcontent (ta racine applicative) et dans tes JSP de faire

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

Si tu as encore des problèmes essai simplement d'accéder directement a ton fichier css via ton navigateur.

Edit : me suis fait doublé

**sandrinec** · 19/04/2006, 16h16

Merci, le problème venait effectivement du fait que ma jsp ne trouvait pas le fichier css...
J'avais pourtant essayé

Code :

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

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

mais la syntaxe n'était pas la bonne...

Envoyé par yolepro

En bref, le plus propre serait d'avoir un rep "jsp", un rep "css" les deux à la racine de ton webcontent (ta racine applicative) et dans tes JSP de faire

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

Effectivement, ça me paraît aussi plus propre, mais vu que le chemin du fichier css est relatif à la racine du projet et non au répertoire où se trouve la jsp, il faut plutôt faire:

Code :

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

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

[ JSP ][ CSS ]Peut-on importer une CSS dans une page JSP?

Servlets/JSP Java

Discussions similaires

Partager

Partager