Project Structure – Images from css not showing in subfolders....

Question

Hi, I'm a newbe to JSF but really want to learn how to use it as Im currently doing a college project with Hibernate, and the JSF managed beans seems ideal for projects like this, anyways here's my prob...
Im using Netbeans 6.8 for a web-project with the normal folder structure, so in the Web Pages folder, i've an
index.xhtml – intro page
css – folder
js – folder
images – folder
pages – folder for rest of pages
and obviously to access the css in the index page i'd include:
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />and then to access and add images to the index pages from the css, i the style.css file I have e.g.,
body{
     font-family:sans-serif, Ariel;
     font-size:12px;
     background: url(../images/bg.png) top left repeat-x;
  } and so on for all the js and ajax stuff which all works fine.
However in the pages subfolder say I've a page called solar.xhtml well then while it is possible for to access the css's by using ../ as in
    <link href=”../css/style.css” rel=”stylesheet” type=”text/css” />which adds the colour scheme and font types etc.so it's 100% getting this, however the images from the images folder are not being displayed, which I really can't understand as if I change the page to solar.jsp then it works fine also all the files inthe js folder are being accessed from the subfolder with ../ just not the images.
Would really appreciate any help or advice you could give me....
Many Regards
Pat Nevin

Answer 1

Hi - I've found the solution, so thanks anyway for anyway who was gona help!