The navigation/menu bar is in every html file, so if you want to change one link you have to change all the other 40 odd html files too. Now I can see this is a long winded way of doing it and don't want to spend 6 hours updating every bit of html when I could spend the 6 hours making it work better, i.e just having one file to update which updates all the other pages too. Now I know this is possible using php (I don't know any php) but how?
I would like to be able to do the same for the headers and footers to.
The navigation/menu bar also has drop down links and the colour changes on the menu bar when you click it?
What is the best way to go about doing this bearing in mind my knowledge is limited in html (I am fine at editing but not creating from scratch) and have no php knowledge. However I am willing to learn...
I started to have a go (forgetting about the drop down links for the moment) with the index page.
So I took the relevant navigation bar html from the index.html file and named it navigation.html
Code: Select all
<!-- Navigation Bar -->
<TABLE cellspacing="e;0"e; cellpadding="e;0"e; width="e;100%"e; border="e;0"e;>
<TBODY>
<TR>
<TD class=menu1><IMG height="e;5"e; alt="e;"e;
src="e;spacer.gif"e; width="e;150"e; border="e;0"e;><BR>&nbsp;
<IMG height="e;10"e; alt="e;"e; src="e;next012.gif"e; width="e;10"e;
border="e;0"e;> Home Page
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/blog/"e;>Blog</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/news/"e;>Latest News</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/club/"e;>About Us</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/club/join.html"e;>Join The Club</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/maestro/"e;>The Maestro</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/montego/"e;>The Montego</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/forums/"e;>Discussion Forums</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/insurance/"e;>Insurance</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/memonly.html"e;>Members Area</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/images/"e;>Photographic Archive</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/events/"e;>Events Diary</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/monstro/"e;>Monstro</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/technical/"e;>Technical FAQ</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/classifieds/"e;>Classifieds</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/suppliers/"e;>Suppliers Directory</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/club/committee.html"e;>Committee Contacts</A>
<BR>&nbsp; <IMG height="e;10"e; alt="e;"e;
src="e;next011.gif"e; width="e;10"e; border="e;0"e;> <A
href="e;http://www.maestro.org.uk/links/"e;>Links</A>
<BR><IMG height="e;5"e; alt="e;"e; src="e;spacer.gif"e;
width="e;150"e; border="e;0"e;><BR></TD></TR>
<TR>
<TD class=bluebar valign=center align=middle>Copyright<BR></TD></TR>
<TR>
<TD class=menu3><IMG height="e;5"e; alt="e;"e;
src="e;spacer.gif"e; width="e;150"e; border="e;0"e;><BR>Website design, graphics and text © The Maestro & Montego Owners Club unless otherwise stated.
<BR><IMG height="e;5"e; alt="e;"e; src="e;spacer.gif"e;
width="e;150"e; border="e;0"e;><BR></TD></TR>
<TR>
<TD class=bluebar valign=center align=middle>Advertisers<BR></TD></TR>
<TR>
<TD class=menu2><IMG height="e;5"e; alt="e;"e;
src="e;spacer.gif"e; width="e;150"e; border="e;0"e;><br><div align="e;center"e;>
<!-- AdButton Code -->
<table width="e;120"e; border="e;0"e; cellspacing="e;4"e; cellpadding="e;2"e;>
<tr><td >
<a href="e;http://www.maestro.org.uk/events/centenary/"e;><img src="e;http://www.maestro.org.uk/events/centenary/banner120x60.gif"e; width="e;122"e; height="e;62"e; border="e;0"e;></a>
</td></tr>
<tr><td >
<div align="e;center"e;><iframe src="e;http://www.dgm2.com/m/acui.asp?cid=1452&rand=їTIMESTAMP]"e; scrolling="e;no"e; marginwidth=0 marginheight=0 frameborder=0 vspace=0 hspace=0 width=120 height=60>
<A href="e;http://www.dgm2.com/m/theaa/b.asp?A=13425&I=2562&C=spctpg1"e;>
<IMG SRC="e;http://www.dgm2.com/m/theaa/i.asp?A=13425&I=2562"e; BORDER=0>
</a>
</iframe></div>
</td></tr>
</table>
</div><BR></TD></TR></TBODY></TABLE></TD>
<!-- End of Navigation Bar -->Code: Select all
<?php
include ("navigation.html");
?>but it doesn't work as I see nothing where the menu bar used to be?
However can anyone help me do it properly with the drop down menus or point me in the right direction?
I guess from reading around I need to use something called arrays but it fast going over my head.