2011-09-12 22 views
17

ho creato una pagina JSP come segue:come caricare file CSS in 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> 

e lo ha chiamato come login.jsp

e ho anche creato un file chiamato loginstyle.css CSS e il codice del file css è la seguente:

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

la struttura di directory per i CSS e jsp sono i seguenti: webcontent/welfare_web/css per i file css e webcontent/welfare_web/login per i file jsp

l'editor di programmazione è eclissi e il server che sto usando è Tomcat 7.0. quando sto cercando di eseguire il file login.jsp usando il server tomcat. Il file css non sta mostrando alcun effetto. Voglio dire che l'output è normale e non è come nel file CSS.

per favore aiutami a creare il file .css per effettuare il file jsp.

risposta

25

css href collegamento non corretto. Utilizza invece il percorso relativo:

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

vi ringrazio molto. ha aiutato e lavorato ............ – ylnsagar

+0

non dimenticare di fare clic sulla casella di controllo per accettare questa risposta :) – Manny

22

È possibile scrivere in questo modo. Questo è per ogni volta che si modifica il percorso di contesto non è necessario modificare il file jsp.

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

Devo accedere, solo per votare. –

7

Ho avuto lo stesso problema anche. Poi ho realizzato che nel file MainPageServlet il parametro urlPatterns nell'annotazione di @WebServlet conteneva "/", perché volevo inoltrare a MainPage se l'utente ha inserito la sezione www.site.com/. Quando ho provato ad aprire il file css dal browser, l'URL era www.site.com/css/desktop.css, ma il contenuto della pagina era THE PAGE MainPage.jsp. Così, ho rimosso "/" urlPattern e ora posso usare i file CSS nel mio file jsp usando una delle soluzioni più comuni (${pageContext.request.contextPath}/css/desktop.css). Assicurati che il tuo servlet non contenga il "/" urlPattern. Spero che questo ha lavorato per u troppo, - Axel Montini

+0

Funziona ma come si assegna il percorso "/"? – Christian

1

Io uso questa versione

<style><%@include file="/WEB-INF/css/style.css"%></style> 
Problemi correlati