Help - Search - Members - Calendar
Full Version: "you are here" menu highlight HELP
HTMLHelp Forums > Web Authoring > General Web Design
bcgann
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>

pandy
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
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.