Including pages on different directory levels

ukphp

Hi there,

I'm creating a site and find that when im including files in different directory levels it doesnt appear to work. So for example all my pages use a PHP include which includes the page "hearder.inc.php". Inside of that page I have references to CSS stylesheets, JS files and images. Because some of those files are down two or three levels I can't seem to get them to link properly. Any ideas how to do this? It works if everything is on 1 level.

Hope that makes sense!

NogDog

If the problem is what I think it is, make sure that all href/src tags use absolute paths rather than relative, e.g.:

<link rel='stylesheet' href='/my_app/css/style.css' type='text/css' />

...but not a relative path such as:

<link rel='stylesheet' href='css/style.css' type='text/css' />

ukphp

Hey,

Well ths stylesheets links is fine, but for example my CSS files are in /css/stylesheet1.css and then within that stylesheet I have images which are located in /images/filename.png and JavaScript which is in JS/script1/thescript.js so a case of referencing the one CSS file with these references inside it. If that makes sense!? I think I must just need to reference everything from the root? Just like you put I think?

NogDog;11009073 wrote:
If the problem is what I think it is, make sure that all href/src tags use absolute paths rather than relative, e.g.:
<link rel='stylesheet' href='/my_app/css/style.css' type='text/css' />
...but not a relative path such as:
<link rel='stylesheet' href='css/style.css' type='text/css' />

Bonesnap

I believe images referenced in style sheets are referenced relative to the location of the style sheet, not the file that's referencing the style sheet itself.

sneakyimp

Yes, paths can be a real ***** -- and PHP's [man]include[/man] and [man]require[/man] functions behave differently than html path references. In both cases, there is a concept of a current path -- this is the path to the location where the include/require/href exists.

On top of the current path is the idea of an absolute or relative path. Absolute ones start with a / and mean "from the top". Relative paths start without a slash and are appended to the current path.

For include and require statements, you have the further complication of the [man]include_path[/man].

For HTML, you have the further complication of a <base> tag and the fact that image or stylesheet references in a CSS file are evaluated relative to the CSS file and not relative to the document that includes the CSS tag. Also complicating matters is that a browser evaluates href locations based on the URL that was loaded. If your server has some mod_rewrite going on our otherwise uses SEO-optimized urls, a browser may be looking for a file that doesn't exist.