Java - CSS file not loading

Asked Jun 13 '16 at 11:01

Active Jun 13 '16 at 13:23

Viewed 118 times

I have a .jsp file

 <!doctype html>

<html lang="en">

<head>
 <title>Calendar</title>
<h1><div align="center">My Sunlife App</div></h1>
  <meta charset="utf-8">

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <link rel="stylesheet" type="text/css" href="cssFiles/BackgroundIMGE.css" media="screen"> 

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

   <script  type = "text/javascript" language = "javascript">


   $(document).ready(function() {
    $("#datepicker").datepicker();


  });
  </script>


</head>

It is using a css file (BackgroundIMGE.css) which sets the background image. I have placed this css file in my Workspace\MySunlifeApp\cssFiles\BackgroundIMGE.css. Name of application using this is MySunlifeApp.

The css file is:

body {
background-image: url(/asd.jpg); /*You will specify your image path here.*/

-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: top center !important;
background-repeat: no-repeat !important;
background-attachment: fixed;
}

Here asd.jpg is also in the same folder as the CSS file. When I am running the application, it is not loading the CSS file.

http://localhost:8090/MySunlifeApp/cssFiles/BackgroundIMGE.css Failed to load resource: the server responded with a status of 404 (Not Found)

edited Jun 13 '16 at 13:23

dayuloli

16,205
16
71
126

asked Jun 13 '16 at 11:01

vivek sharma

Where is the css file ? In which folder ? – AxelH Jun 13 '16 at 11:04
try to remove the slash `background-image: url(asd.jpg);` – mic4ael Jun 13 '16 at 11:04
1

try adding / to the css url – Daniel Miron Jun 13 '16 at 11:05
@Blobonat, He is using a jsp ;) and a 8090 port – AxelH Jun 13 '16 at 11:05
what about the asd.jpg? is it loading from http://localhost:8090/MySunlifeApp/cssFiles/asd.jpg – Daniel Miron Jun 13 '16 at 11:08
@AxelH css file is in folder(named cssFiles) which is in my workspace under MySunlifeApp (name of the application) – vivek sharma Jun 13 '16 at 11:12
@mic4ael i had done that. No impact!! – vivek sharma Jun 13 '16 at 11:14
Yeah!! Though i have a doubt. The location of localhost:8090/MySunlifeApp is Workspace/MySunlifeApp??? @DanielMiron – vivek sharma Jun 13 '16 at 11:14
Does your HTML page correctly load `BackgroundIMGE.css`? – Mistalis Jun 13 '16 at 11:37
2

Possible duplicate of [Adding external resources (CSS/JavaScript/images etc) in JSP](http://stackoverflow.com/questions/14548998/adding-external-resources-css-javascript-images-etc-in-jsp) – Nicolas Jun 13 '16 at 11:44

Java - CSS file not loading

0 Answers0