2011-12-06 2 views
13

Dans Eclipse, j'ai créé un projet Web dynamique et un fichier JSP sous le dossier WebContent. J'ai également créé un fichier CSS sous le dossier WebContent. Ensuite, j'utilise <link rel="stylesheet" type="text/css" href="XXX.css"> dans la JSP pour créer un lien vers le fichier CSS mais lorsque je cours sur le serveur web (Tomcat), le CSS ne s'applique pas. Quelqu'un peut-il me dire pourquoi?Dans le projet Web dynamique eclipse, comment lier le fichier css au fichier jsp dans le dossier webcontent

+0

duplication possible de [Le navigateur ne peut pas accéder aux CSS et aux images lors de l'appel d'une servlet qui transmet à une JSP] (http://stackoverflow.com/questions/3655316/browser-cant-access-css-and-images- when-calling-a-servlet-which-forward-to-aj/3658735 # 3658735) – BalusC

Répondre

22

Vous devez mettre votre nom de projet Web avant le chemin d'adresse de votre fichier css

Exemple:

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

ou de manière plus dynamique:

<link rel="stylesheet" href="${pageContext.request.contextPath}/XXX.css" /> 

Amusez-vous :)

6

Vous pouvez utiliser: Avec le fichier style.css dans le dossier WEB-INF/jsp

<style type="text/css"> 
    <%@include file="css/style.css" %> 
</style> 

NOTE

Cependant, cela copie la totalité de la source du fichier CSS dans la sortie HTML de la page JSP. En d'autres termes, il s'agit d'une partie côté serveur, et non une référence de ressource côté client. Donc, vous manquez effectivement l'avantage que le navigateur peut mettre en cache des ressources statiques et ainsi vous se retrouvent avec un gaspillage de bande passante parce que le même fichier CSS est intégré dans chaque page. En d'autres termes, une mauvaise idée en termes de performance et d'efficacité.

comme @BalusC décrit dans le commentaire! vous voulez tester votre fichier style.css de toute façon, ceci est une solution.

+6

Ceci copie cependant l'intégralité de la source du fichier CSS dans la sortie HTML de la page JSP. En d'autres termes, il s'agit d'une inclusion côté serveur, pas d'une référence de ressource côté client. Ainsi, vous manquez réellement l'avantage que le navigateur peut mettre en cache des ressources statiques et ainsi vous vous retrouvez avec un gaspillage de bande passante car le même fichier CSS est intégré dans chaque page. En d'autres termes, une mauvaise idée en termes de performance et d'efficacité. – BalusC

0

vous pouvez utiliser

<link rel="stylesheet" type="text/css" href="path/css"> 
0

Vous devez redémarrer Eclipse afin que toutes les cartes CSS et Javascript à nouveau les fichiers. J'ai travaillé pour moi.

Questions connexes