2011-09-12 7 views
17

J'ai créé une page jsp comme suit:comment charger le fichier CSS dans jsp

<%@ page contentType="text/css" %> 
<html> 
<head> 
<title>Login page</title> 
<link href="/css/loginstyle.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<h1> India welfare</h1> 
<p> welcome </p> 
</body> 
</html> 

et nommé comme login.jsp

et j'ai aussi créé un fichier appelé loginstyle.css et css le code du fichier .css est comme suit:

body 
{ 
background-color:#d0e4fe; 
} 
h1 
{ 
color:orange; 
text-align:center; 
} 
p 
{ 
font-family:"Times New Roman"; 
font-size:20px; 
} 

la structure de répertoire de css et jsp sont les suivantes: webcontent/welfare_web/css pour les fichiers .css et webcontent/welfare_web/login pour les fichiers jsp

l'éditeur de programmation est éclipse et le serveur j'utilise est tomcat 7.0. lorsque j'essaie d'exécuter le fichier login.jsp à l'aide du serveur Tomcat. Le fichier css ne montre aucun effet. Je veux dire que la sortie est un texte normal et n'est pas conforme au fichier CSS.

s'il vous plaît aidez-moi comment faire le fichier .css pour effectuer le fichier jsp.

Répondre

25

css Le lien href est incorrect. Utilisez le chemin relatif à la place:

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css"> 
+0

merci beaucoup. ça a aidé et travaillé ............ – ylnsagar

+0

n'oubliez pas de cliquer sur la case à cocher pour accepter cette réponse :) – Manny

22

Vous pouvez écrire comme ça. C'est pour chaque fois que vous changez le chemin du contexte, vous n'avez pas besoin de modifier votre fichier jsp.

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

Je dois me connecter, seulement pour voter jusqu'à. –

7

J'ai eu le même problème aussi. Puis j'ai réalisé que dans le MainPageServlet le paramètre urlPatterns dans l'annotation @WebServlet contenait "/", parce que je voulais transmettre à la MainPage si l'utilisateur est entré dans la section www.site.com/. Lorsque j'ai essayé d'ouvrir le fichier css à partir du navigateur, l'URL était www.site.com/css/desktop.css, mais le contenu de la page était la PAGE MainPage.jsp. Donc, j'ai supprimé le "/" urlPattern et maintenant je peux utiliser des fichiers CSS dans mon fichier jsp en utilisant l'une des solutions les plus courantes (${pageContext.request.contextPath}/css/desktop.css). Assurez-vous que votre servlet ne contient pas le "/" urlPattern. J'espère que cela a fonctionné pour u aussi, - Axel Montini

+0

Cela fonctionne mais comment assigner le chemin "/"? – Christian

1

J'utilise cette version

<style><%@include file="/WEB-INF/css/style.css"%></style> 
Questions connexes