HTML/CSS Navigation Bar (on all pages!)

[chargerjake]

Hello people of LTT forums!

 

I'm creating a website for myself(I don't have a web server so I cant host right now) and I just finished creating a horizontal navigation bar. I want to include this on all pages, however I don't want to copy/paste the code from it on every single page. Does anyone know how to do that?

 

Thanks,

chargerjake

[NeatSquidYT]

If you can't host right now, use http://codio.comso you can share your code.

Also, I don't think there is a way, but I may very well be wrong

[Brenz]

You will need a web server for this, look into XAMPP if you want to just run it locally for now. Once you have one set up you can use PHP's include function to include another file like:

<?php include('navigation.html'); ?>

Then you just need to put your navigation code into that file and include it on each page.

[Liam-McShane]

I don't think there is a way. Either way it's not exactly a chore to copy and paste a few times.

[vorticalbox]

poor coding but you could use an iframe for the main section? i really wouldn't recommend this, using php to change the text based on get data something like

<?php if(isset($_GET['home'])) { echo "home page stuff";} else if(isset($_GET['other'])) { echo "other page stuff";}?>

then all links would be index.php?home, index.php?other.

 

this would allow you to have one page with just your main content changing based on the get value.

[Guest]

Use PHP as suggested.

[Hazy125]

It is very possible, and quite easy to do. Of the solutions provided, only the one by @Brenz makes sense, you should definitely use the include function

[prolemur]

I've always used php's include method or require if it only is included once I believe. You are right that there is most likely a better way of going about things than copy and pasting though. Good luck on your website.

<?php include "header.php" ?>

[chargerjake]

You will need a web server for this, look into XAMPP if you want to just run it locally for now. Once you have one set up you can use PHP's include function to include another file like:

<?php include('navigation.html'); ?>

Then you just need to put your navigation code into that file and include it on each page.

Does this work in an HTML document? It looks like XAMPP is for PHP only, and I do not know PHP(yet).

[Brenz]

Does this work in an HTML document? It looks like XAMPP is for PHP only, and I do not know PHP(yet).

 

Nope, you will need to run XAMPP, rename your file to .php instead of .html and use the code above.

 

What you want to do can only be achieved server-side, HTML is only client-side.

[chargerjake]

Nope, you will need to run XAMPP, rename your file to .php instead of .html and use the code above.

 

What you want to do can only be achieved server-side, HTML is only client-side.

So I don't actually have to put PHP in the file, except for the include statement?

[Brenz]

So I don't actually have to put PHP in the file, except for the include statement?

 

Exactly, you can just use HTML with PHP code mixed in using <?php   php_code_here    ?>

[chargerjake]

Exactly, you can just use HTML with PHP code mixed in using <?php   php_code_here    ?>

Thank you sir! I appreciate it a lot.