Question

I have a base html file which I want all other pages to inherit certain charateristics from. But although my inherited pages eg. main.html can reference external links eg:

<link href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css" rel="stylesheet">

With no problem. But when I try to download the twitter bootstrap and store the file in the same directory as all the other html pages it cannot link to that file and it gives me a 404 error. My file structure is simple; a folder called templates with all the html, css and js files in this directory.

So i’m doing this:

 <link href="bootstrap.css" rel="stylesheet" media="screen">

When I try to do this:

<link href="http://localhost/templates/bootstrap.css" rel="stylesheet" media="screen">

I get no 404 error, but from the view source on the web page, if I try to access that page I get an error saying:

Firefox can’t establish a connection to the server at .

I’m really lost to why this ‘simple’ thing is not working.

Answer 1

Do you have a base tag inside your html? If so, it could be saying firefox a specific host where to find files, different than localhost.
Try use Firebug on Firefox or Chrome developer tools to see which URLs it’s trying to retrieve.