The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS & Images breaking on file inclusion

  • # January 2, 2013 at 2:52 am

    Hello all,

    I’ve built this site and layout using bootstrap. [Test Page]( “”) . I’ve broke the index file into head.php (contains the whole html head like scripts, meta, link rel, etc), then header.php (contains the logo, search bar, etc), then navbar.php (contains the navbar), and the footer. I’ve placed an index file along with it and I used: include ‘head.php’, etc and got it working. But when I created a folder forums, added the same code, but used include ‘../head.php’, etc all the content came, but the css and the image logo didn’t appear. I saw the page source for both the links are the same. Here is the link. [Forums page with same code]( “”)
    The codes for both are the same, just that I added two dots to traverse back to the parent directory and include files under the forums folder, the source shows everything is included but the css and images do not appear. Please help.

    Thank you

    # January 2, 2013 at 3:03 am

    I’m not sure if this is the best or most maintainable solution, but you could use URLs that are relative to the root of the web site, rather than relative to the current page. This is done using a forward slash at the beginning of the URL.

    rather than

    # January 2, 2013 at 4:44 pm

    I *always* use root-relative URLs, for this very reason.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed