HTML How do you create/use a "template" for multiple pages

[Guest]

Alright. Thanks to /r/web_design, I found out you can use this jquery:

$(function(){  $("#include_navbar").load("template.html"); });

To do this. Works great, exactly what I wanted.

[SilicateWielder]

If you create a page with IFrames, then you can simply embed whichever pages you want in the template and change them at will.

I believe I was looking for this a while back, definitely making note of this!

[Guest]

You can use an absolute path for stuff

/guides/sandwhich.html

Which will work anywhere on your website.

 

Alright, so I tried that but the html files in folders don't have css.

<link rel="stylesheet" type="text/css" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/links.css"><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu">

This is in my template file which is being added via jquery to every page.

If I add a / to the href attributes then none of the pages have css

[Blade of Grass]

Alright, so I tried that but the html files in folders don't have css.

<link rel="stylesheet" type="text/css" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/links.css"><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu"> 

This is in my template file which is being added via jquery to every page.

If I add a / to the href attributes then none of the pages have css

Have you tried Inspecting elements to see what the links look like if you have the / proceeding them?