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

Version imprimable

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:

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

acceuil.jsp:

Code:

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 ?

19/04/2006, 16h01
Grimaud

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.
19/04/2006, 16h05
yolepro

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é :)
19/04/2006, 16h16
sandrinec

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

Code:

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

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

Citation:

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:

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