AbnotsOsteofe
New Member
Good Evening,I have a website and so far I am copying the navigation code across every page. Annoying right 
However I'd like to use PHP or something to hold the HTML so I only have to edit one file. However because of the way the navigation bar operates there's a class called which keeps the clicked link highlighted to show the user which page they are on. Here's the code:\[code\]<nav> <ul class="menu"> <li class="active"><a href="http://stackoverflow.com/questions/14088622/index.html"><strong><strong>Home</strong></strong></a></li> <li><a href="http://stackoverflow.com/questions/14088622/services.html"><strong><strong>services</strong></strong></a> <ul> <li><a herf="services.html">Repairs</a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/phonerep.html">Phone Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/podrep.html">Ipod Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/padrep.html">Ipad Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/comprep.html">Computer & Laptop Repairs</a> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/compmain.html">Maintenance & Upgrades</a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/compmain.html">Computers & Laptops</a> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/tuition.html">Tutoring</a></li> <li><a href="http://stackoverflow.com/questions/14088622/spechelp.html">Specialist Help</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/iphone.html"><strong><strong>Prices</strong></strong></a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/iphone.html">Iphone</a> <li><a href="http://stackoverflow.com/questions/14088622/ipod.html">Ipod</a> <li><a href="http://stackoverflow.com/questions/14088622/ipad.html">Ipad</a> <li><a href="http://stackoverflow.com/questions/14088622/complap.html">Computer and Laptop</a> </ul> <li><a href="http://stackoverflow.com/questions/14088622/about.html"><strong><strong>about</strong></strong></a></li> <li><a href="http://stackoverflow.com/questions/14088622/contactus.html"><strong><strong>Contact</strong></strong></a></li> </ul> </nav>\[/code\]Thank you for your time.
However I'd like to use PHP or something to hold the HTML so I only have to edit one file. However because of the way the navigation bar operates there's a class called which keeps the clicked link highlighted to show the user which page they are on. Here's the code:\[code\]<nav> <ul class="menu"> <li class="active"><a href="http://stackoverflow.com/questions/14088622/index.html"><strong><strong>Home</strong></strong></a></li> <li><a href="http://stackoverflow.com/questions/14088622/services.html"><strong><strong>services</strong></strong></a> <ul> <li><a herf="services.html">Repairs</a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/phonerep.html">Phone Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/podrep.html">Ipod Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/padrep.html">Ipad Repairs</a> <li><a href="http://stackoverflow.com/questions/14088622/comprep.html">Computer & Laptop Repairs</a> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/compmain.html">Maintenance & Upgrades</a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/compmain.html">Computers & Laptops</a> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/tuition.html">Tutoring</a></li> <li><a href="http://stackoverflow.com/questions/14088622/spechelp.html">Specialist Help</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/14088622/iphone.html"><strong><strong>Prices</strong></strong></a> <ul> <li><a href="http://stackoverflow.com/questions/14088622/iphone.html">Iphone</a> <li><a href="http://stackoverflow.com/questions/14088622/ipod.html">Ipod</a> <li><a href="http://stackoverflow.com/questions/14088622/ipad.html">Ipad</a> <li><a href="http://stackoverflow.com/questions/14088622/complap.html">Computer and Laptop</a> </ul> <li><a href="http://stackoverflow.com/questions/14088622/about.html"><strong><strong>about</strong></strong></a></li> <li><a href="http://stackoverflow.com/questions/14088622/contactus.html"><strong><strong>Contact</strong></strong></a></li> </ul> </nav>\[/code\]Thank you for your time.