web-dev-qa-db-fra.com

comment charger un fichier CSS dans jsp

J'ai créé une page jsp comme suit:

<%@ 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 l'a nommé login.jsp

et j'ai également créé un fichier css appelé loginstyle.css et le code du fichier .css est le suivant:

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

la structure des répertoires pour css et jsp est la suivante: webcontent/wellness_web/css pour les fichiers .css et webcontent/wellness_web/login pour les fichiers jsp

l'éditeur de programmation est Eclipse et le serveur que j'utilise est Tomcat 7.. lorsque j'essaie d'exécuter le fichier login.jsp à l'aide du serveur Tomcat. Le fichier css n'affiche aucun effet. je veux dire que la sortie est du texte normal et n'est pas conforme au fichier CSS.

veuillez m'aider à créer le fichier .css pour effectuer le fichier jsp.

javajsp-tags
24
ylnsagar

le lien css href est incorrect. Utilisez plutôt un chemin relatif:

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">
30
Manny

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" />
28
kamal

J'utilise cette version

<style><%@include file="/WEB-INF/css/style.css"%></style>
12
Андрій Андрущенко

J'ai aussi eu le même problème. Ensuite, 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 entrait 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 . J'ai donc 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 vous aussi, - Axel Montini

7
Axel Montini

C'est ce qui a fonctionné pour moi comme le charme

<link href="<c:url value='/static/css/bootstrap.css' />" rel="stylesheet"></link>
0
Odwori