PDA

View Full Version : Show active page on rollover menu.


AeroFury
12-25-2009, 02:24 PM
I'm making a portfolio for school and I'm trying to show the active page in my navigation menu.

My menu consists of 6 different buttons with each a different rollover button. So when I'm on the page of my Profile (index.htm). I want the button of Profile to be "clicked", so that it shows my rollover image instead of my regular button.



This is my HTML and CSS code for my navigation menu. (it's in dutch)

html

<div id="navigatie">
<ul>
<li><a href="index.htm" id="ProfielMenu"><span>Profiel</span></a></li>
<li><a href="traject.htm" id="TrajectMenu"><span>Traject</span></a></li>
<li><a href="showcase.htm" id="ShowcaseMenu"><span>Showcase</span></a></li>
<li><a href="links.htm" id="LinksMenu"><span>Links</span></a></li>
<li><a href="contact.htm" id="ContactMenu"><span>Contact</span></a></li>
<li><a href="sitemap.htm" id="SitemapMenu"><span>Sitemap</span></a></li>
</ul>
</div>


css (only for the button "Profiel" (Profile in dutch))


a#ProfielMenu
{
background-image:url(Images/Profiel%20button.png);
height: 74px;
width:153px;
display:block;
}

a#ProfielMenu span
{
display:none;
}

a#ProfielMenu:hover
{
background-image:url(Images/rollover%20profiel.png);
}


It would be great if someone could help me with this...

Also, I can't use any sort of dynamic scripting such as PHP/ASP/Javascript/Flash...

I even uploaded my template, two pages and my images if anyone wants to try it. ^^

http://rapidshare.com/files/325736004/PortfolioHelp.rar

AeroFury
12-26-2009, 10:29 AM
I can't find a button to edit my post, but I managed to do it.