JS and CSS are not loading

Question

When I am trying to access my JSP page, CSS and JS are not loading. I am using below syntax for the same:

<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href=WebContent/CSS/example.css />
<link rel="stylesheet" type="text/css" href=WebContent/CSS/bootstrap.min.css />

<title>Example</title>
</head>
<body>
    <jsp:include page="header.jsp" />


    <jsp:include page="Footer.jsp" />
    <script src="WebContent/js/bootstrap.min.js"></script>
          <script src="WebContent/js/jquery.min.js"></script>   
</body>

My css is placed under WebContent -> CSS folder.

I already tried using context path using ${pageContext.request.contextPath}

I also tried using "" value in href tag, but of no use.

I am stuck in this issue from last two days... :( please help

Are you able to browse straight to the .css files anyway? http://localhost:12345/yourpath/WebContent/CSS/example.css — Mendhak
– Mendhak, Commented Jun 26, 2014 at 7:04
Better to refer file from the root of your site, using "/" before anythong else — Nicolas Henrard
– Nicolas Henrard, Commented Jun 26, 2014 at 7:05

Vy Do · Accepted Answer · 2014-06-26 07:11:18Z

1

<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="CSS/example.css"/>
    <link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css"/>

    <title>Example</title>
</head>
<body>
<jsp:include page="header.jsp"/>


<jsp:include page="Footer.jsp"/>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
</body>
</html>

answered Jun 26, 2014 at 7:11

Vy Do

1

Sign up to request clarification or add additional context in comments.

Comments

Yaje · Accepted Answer · 2014-06-26 07:12:05Z

0

instead of this :

<link rel="stylesheet" type="text/css" href=WebContent/CSS/example.css />
<link rel="stylesheet" type="text/css" href=WebContent/CSS/bootstrap.min.css />

use this :

<link rel="stylesheet" type="text/css" href="CSS/example.css" />
<link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css" />

answered Jun 26, 2014 at 7:12

Yaje

2,82920 silver badges33 bronze badges

Collectives™ on Stack Overflow

JS and CSS are not loading

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related