Accessing CSS file

[RobbieG1977]

Hello folks....

I am trying to figure out how to use code to get the css file location but am having trouble...Let me explain....

here is your folders layout in your public folder

images - dir
css - dir
html - dir

I am trying to access a file (nyy.css) in the css dir.

so the source code would be ./css/nyy.css if the html file was also in the root or public folder but its not....

Ok with me so far....

NOW....lets add another directory but lets call it baseball, within that folder will be another folder called teams then another folder inside that will be nyy.....

images
css
html
baseball -> sports -> nyy

in the nyy folder I have a nyy.html folder.

Here is my question from that html file what is the source code for accessing the css file the css folder in the public folder..

I know its something along the lines of this:

../../../css/nyy.css

I can't seem to get the correct syntax....


Thank You in advance!

[mjkovis]

I'm trying to grasp what your question is...

Do you mean you are trying to link a specific document to the CSS stylesheet and you are not sure what the link to that file would be?

For example, below is a sample file structure -

_public_html
__images
__css
___styles.css
__javascript
__folder
___index.html
___subfolder
____index.html
__index.html <- root document when loading domain

So, if you were to link to the 'styles.css' stylesheet from the 'css' folder from the ROOT index.html document you code would be:

<link href="css/styles.css" rel="stylesheet" type="text/css">

Now, if you were to link to the SAME stylesheet in the 'css' folder from 'folder/index.html' your code would have to change to:

<link href="../css/styles.css" rel="stylesheet" type="text/css">

Each ../ will take you up one directory level from where the file is you are editing. Therefore, if you were in a subfolder of a folder, to get back to the ROOT directory you would need to use two separate ../ - See example below:

<link href="../../css/styles.css" rel="stylesheet" type="text/css">

I hope this helps. If you have any other questions, please feel free to ask.

[RobbieG1977]

Hey mjkovis,

That is exactly what I am looking for....

Root Folder
-->css-->month.css
-->images
-->pages
-->Yankees-->schedule-->month.htm
-->index.htm

That is how my root directory is currently setup. Now as you can see I want to take that month.htm and be able to access the month.css file way back in the root dire of the css folder. I know it is along the lines of the html code I have quoted by you. But I still can't figure out the exact line of code.

<link href="../../css/styles.css" rel="stylesheet" type="text/css">

Thanks!

[glc]

Don't take this as gospel, but it looks to me that it would be:

../../css/month.css

[mjkovis]

Originally Posted by RobbieG1977 But I still can't figure out the exact line of code.

glc is correct below. If your month.htm file is two directories deep it would take two ../ to get back to the ROOT directory.

Originally Posted by glc Don't take this as gospel, but it looks to me that it would be: ../../css/month.css

You actual code below (if an only if it is in that specific directory):

<link href="../../css/month.css" rel="stylesheet" type="text/css">

OR you can link to it exactly:

<link href="http://www.example.com/css/month.css" rel="stylesheet" type="text/css">

[Cartin]

@mjkovis
your advices were very helpfull for me
thank you very much

[RobbieG1977]

awesome..got everything in sync....

@Cartin - glad this thread was very helpful.