Voor school moet ik een portfolio maken en daarin wil ik ervoor zorgen dat mijn rollover button ingedrukt blijft wanneer ik me op deze pagina bevind.
Anders gezegd: Wanneer ik op de pagina "Profiel" ben, wil ik dat de bijhorende menuknop profiel ingedrukt blijft, m.a.w dat mijn rollover image zichtbaar blijft i.p.v de standaard menuknop.
Ik heb 6 verschillende menu bottons, met elk hun aparte rollover image.
De html en css voor mijn navigatie ziet er zo uit:
html
css (voor 1 knop)
Dus nu wil ik ervoor zorgen dat wanneer ik op de knop "Profiel" klik en ik mij op de pagina "index.htm" bevindt. De knop profiel weergegeven wordt als rollover image, dezelfde image die getoond wordt bij :hover.
Ik heb 6 verschillende buttons, dus ik kan niet 1 class maken voor de 6 buttons samen. Iedere button heeft een verschillende rollover image. Ik denk dat het daarom niet wil lukken.
Het zou echt super zijn, moest iemand me kunnen helpen..
Hoe zou ik dit moeten aanpakken?
Anders gezegd: Wanneer ik op de pagina "Profiel" ben, wil ik dat de bijhorende menuknop profiel ingedrukt blijft, m.a.w dat mijn rollover image zichtbaar blijft i.p.v de standaard menuknop.
Ik heb 6 verschillende menu bottons, met elk hun aparte rollover image.
De html en css voor mijn navigatie ziet er zo uit:
html
Code:
<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 (voor 1 knop)
Code:
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);
}
Dus nu wil ik ervoor zorgen dat wanneer ik op de knop "Profiel" klik en ik mij op de pagina "index.htm" bevindt. De knop profiel weergegeven wordt als rollover image, dezelfde image die getoond wordt bij :hover.
Ik heb 6 verschillende buttons, dus ik kan niet 1 class maken voor de 6 buttons samen. Iedere button heeft een verschillende rollover image. Ik denk dat het daarom niet wil lukken.
Het zou echt super zijn, moest iemand me kunnen helpen..
Hoe zou ik dit moeten aanpakken?