get .css file from a sub folder

Question

In Netbeans I have a sub folder called css and a file in it called testcss.css.

How do I get Facelets file from root to access the testcss.css file?

<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="/testcss.css" title="style" />

My directory structure is:

Root (not a folder)
    css (folder)
      testcss.css

A screenshot of the structure is available here.

Based on the screenshot and the question history, you're using JSF/Facelets. I've added the appropriate tags to the question. Remember, Facelets is XHTML, but XHTML is not Facelets, so it's absolutely wrong to use the XHTML tag. A lot of users in the XHTML tag are naive and do not understand that it's essentially a template to ease HTML code generation by a XML based tool and incorrectly assumes that XHTML is been used "as-is" (which they incorrectly also do in real world, see also e.g. this and this answer). — BalusC
– BalusC, Commented Jan 23, 2013 at 18:33

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

You should put CSS (and JS and image) resources in /resources folder (create one if it doesn't exist).

Web Pages
 |-- META-INF
 |-- WEB-INF
 |-- resources
 |    |-- css
 |    |    `-- style.css
 |    |-- js
 |    |    `-- script.js
 |    `-- img
 |         `-- logo.png
 |-- index.xhtml
 :

Once accomplished that, you should be able to reference the CSS (and JS and image) resources using the appropriate JSF components <h:outputStylesheet> (and <h:outputScript> and <h:graphicImage>) as follows:

<h:outputStylesheet name="css/style.css" />
<h:outputScript name="js/script.js" />
<h:graphicImage name="img/logo.png" />

No need to fiddle with relative paths. JSF will automagically generate the proper URL.

1 Comment

user1924104 Over a year ago

Thank you, have helped a lot ! have now changed all my css etc to the above format

Eric Goncalves · Accepted Answer · 2013-01-23 17:12:58Z

1

You need to call the correct path.

for example if your files are organized:

ROOT
   CSS(FOLDER)
      styles.css 
   UPLOADED(FOLDER)
      index.html

if you are trying to access the styles file from index.html you need to:

href="../css/styles.css"

edited Jan 23, 2013 at 17:12

answered Jan 23, 2013 at 16:52

Eric Goncalves

5,3614 gold badges37 silver badges59 bronze badges

4 Comments

Jonah Bishop Over a year ago

Or you could use a root-relative path like /css/testcss.css.

Eric Goncalves Over a year ago

could you write out how your files are organized? or take a screenshot of all the necessary folders expanded and update your question?

user1924104 Over a year ago

Updated, will add a screen grab in a sec

user1924104 Over a year ago

Updated with link to screenshot

Collectives™ on Stack Overflow

get .css file from a sub folder

2 Answers 2

See also:

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

See also:

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related