Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ General Web Design _ "you are here" menu highlight HELP
Posted by: bcgann Aug 24 2009, 10:26 AM
Hello, I am trying to figure out how to make my menu highlight what page it is currently on. I use php include and it is a header with the menu in it. I need it to be able to tell what page it's on and highlight the correct link.
All the links are images. Here is the code I use and I need to modify.
CODE
<table id="Table_01" width="1129" height="284" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15">
<img src="images/header_01.png" width="1129" height="228" alt=""></td>
</tr>
<tr>
<td><img src="images/header_02.png" width="60" height="56" alt=""></td>
<td><a href="index.php"><img src="images/header_03.png" width="82" height="56" alt="Home" border="0" onmouseover="this.src='images/header1_03.png'" onmouseout="this.src='images/header_03.png'" onclick="this.src='images/header1_03.png'"></a></td>
<td><img src="images/header_04.png" width="12" height="56" alt=""></td>
<td><a href="http://www.crownmotorz.com/blog"><img src="images/header_05.png" width="82" height="56" alt="Blog" border="0" onmouseover="this.src='images/header1_05.png'" onmouseout="this.src='images/header_05.png'" onclick="this.src='images/header1_05.png'"></a></td>
<td><img src="images/header_06.png" width="10" height="56" alt=""></td>
<td><a href="http://crownmotorz.com/blog/eventsrides"><img src="images/header_07.png" width="180" height="56" alt="Events/Rides" border="0" onmouseover="this.src='images/header1_07.png'" onmouseout="this.src='images/header_07.png'" onclick="this.src='images/header1_07.png'"></a></td>
<td><img src="images/header_08.png" width="10" height="56" alt=""></td>
<td><a href="inTheShop.php"><img src="images/header_09.png" width="161" height="56" alt="In The Shop" border="0" onmouseover="this.src='images/header1_09.png'" onmouseout="this.src='images/header_09.png'" onclick="this.src='images/header1_09.png'"></a></td>
<td><img src="images/header_10.png" width="10" height="56" alt=""></td>
<td><a href="store.php"><img src="images/header_11.png" width="95" height="56" alt="Store" border="0" onmouseover="this.src='images/header1_11.png'" onmouseout="this.src='images/header_11.png'" onclick="this.src='images/header1_11.png'"></a></td>
<td><img src="images/header_12.png" width="11" height="56" alt=""></td>
<td><a href="whoIsCrown.php"><img src="images/header_13.png" width="210" height="56" alt="Who Is Crown" border="0" onmouseover="this.src='images/header1_13.png'" onmouseout="this.src='images/header_13.png'" onclick="this.src='images/header1_13.png'"></a></td>
<td><img src="images/header_14.png" width="10" height="56" alt=""></td>
<td><a href="contact.php"><img src="images/header_15.png" width="133" height="56" alt="Contact" border="0" onmouseover="this.src='images/header1_15.png'" onmouseout="this.src='images/header_15.png'" onclick="this.src='images/header1_15.png'"></a></td>
<td><img src="images/header_16.png" width="63" height="56" alt=""></td>
</tr>
</table>
<tr>
<td colspan="15">
<img src="images/header_01.png" width="1129" height="228" alt=""></td>
</tr>
<tr>
<td><img src="images/header_02.png" width="60" height="56" alt=""></td>
<td><a href="index.php"><img src="images/header_03.png" width="82" height="56" alt="Home" border="0" onmouseover="this.src='images/header1_03.png'" onmouseout="this.src='images/header_03.png'" onclick="this.src='images/header1_03.png'"></a></td>
<td><img src="images/header_04.png" width="12" height="56" alt=""></td>
<td><a href="http://www.crownmotorz.com/blog"><img src="images/header_05.png" width="82" height="56" alt="Blog" border="0" onmouseover="this.src='images/header1_05.png'" onmouseout="this.src='images/header_05.png'" onclick="this.src='images/header1_05.png'"></a></td>
<td><img src="images/header_06.png" width="10" height="56" alt=""></td>
<td><a href="http://crownmotorz.com/blog/eventsrides"><img src="images/header_07.png" width="180" height="56" alt="Events/Rides" border="0" onmouseover="this.src='images/header1_07.png'" onmouseout="this.src='images/header_07.png'" onclick="this.src='images/header1_07.png'"></a></td>
<td><img src="images/header_08.png" width="10" height="56" alt=""></td>
<td><a href="inTheShop.php"><img src="images/header_09.png" width="161" height="56" alt="In The Shop" border="0" onmouseover="this.src='images/header1_09.png'" onmouseout="this.src='images/header_09.png'" onclick="this.src='images/header1_09.png'"></a></td>
<td><img src="images/header_10.png" width="10" height="56" alt=""></td>
<td><a href="store.php"><img src="images/header_11.png" width="95" height="56" alt="Store" border="0" onmouseover="this.src='images/header1_11.png'" onmouseout="this.src='images/header_11.png'" onclick="this.src='images/header1_11.png'"></a></td>
<td><img src="images/header_12.png" width="11" height="56" alt=""></td>
<td><a href="whoIsCrown.php"><img src="images/header_13.png" width="210" height="56" alt="Who Is Crown" border="0" onmouseover="this.src='images/header1_13.png'" onmouseout="this.src='images/header_13.png'" onclick="this.src='images/header1_13.png'"></a></td>
<td><img src="images/header_14.png" width="10" height="56" alt=""></td>
<td><a href="contact.php"><img src="images/header_15.png" width="133" height="56" alt="Contact" border="0" onmouseover="this.src='images/header1_15.png'" onmouseout="this.src='images/header_15.png'" onclick="this.src='images/header1_15.png'"></a></td>
<td><img src="images/header_16.png" width="63" height="56" alt=""></td>
</tr>
</table>
Posted by: Frederiek Aug 24 2009, 10:37 AM
See these articles:
http://www.alistapart.com/articles/keepingcurrent
http://trevordavis.net/blog/tutorial/set-a-body-id/
Posted by: pandy Aug 24 2009, 11:01 AM
QUOTE(bcgann @ Aug 24 2009, 05:26 PM) 
I use php include
Then you could adapt this. It's better if the current "link" isn't a link at all.
http://lists.evolt.org/harvest/detail.cgi?id=3803
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)