relative path to CSS file

Question

I have a css folder at the root of my Java Web Application  My import statement looks like this    lt link rel  stylesheet  type  text css  href   css styles css   gt    The style is not being applied  so I assume that the path to the css directory is not being specified correctly  How do I specify that the css directory is at the root of the Project folder   My project folder contains   build css dist nbproject src web build xml   The html page that I am viewing is index html  and the URL shown is localhost 8080 ServletApp

User · Answer

You have to move the css folder into your web folder  It seems that your web folder on the hard drive equals the  ServletApp folder as seen from the www  Other content than inside your web folder cannot be accessed from the browsers   The url of the CSS link is then    lt link rel  stylesheet  type  text css  href   ServletApp css styles css   gt

User · Answer

Background  Absolute  The browser will always interpret   as the root of the hostname  For example  if my site was http   google com  and I specified  css images css then it would search for that at http   google com css images css  If your project root was actually at  myproject  it would not find the css file  Therefore  you need to determine where your project folder root is relative to the hostname  and specify that in your href notation   Relative  If you want to reference something you know is in the same path on the url - that is  if it is in the same folder  for example http   mysite com myUrlPath index html and http   mysite com myUrlPath css style css  and you know that it will always be this way  you can go against convention and specify a relative path by not putting a leading   in front of your path  for example  css style css   Filesystem Notations  Additionally  you can use standard filesystem notations like     If you do http   google com images    images    images myImage png it would be the same as http   google com images myImage png  If you want to reference something that is one directory up from your file  use    myFile css     Your Specific Case  In your case  you have two options     lt link rel  stylesheet  type  text css  href   ServletApp css styles css   gt   lt link rel  stylesheet  type  text css  href  css styles css   gt    The first will be more concrete and compatible if you move things around  however if you are planning to keep the file in the same location  and you are planning to remove the  ServletApp  part of the URL  then the second solution is better

User · Answer

if the file containing that link tag is in the root dir of the project  then the correct path would be  css styles css

[css] relative path to CSS file

Examples related to css