Nieuw lid |
|
Hallo,
ik ben bezig aan een website waarbij ik gebruik zou willen maken van een dropdown menu. Hiervoor gebruik ik Suckerfish.
Maar ik zit met een probleempje waar ik maar niet uitkom.
Ik zou namelijk ook active states moeten kunnen implementeren in het menu.
Hier is de pagina: http://users.sk...hten2.html
Dus op die pagina bevindt de bezoeker zich onder de rubriek Helikopter en moet dus het submenu van Helikopter zichtbaar zijn (wat ik dus al heb kunnen implementeren).
Maar zoals je ziet, wanneer je dan over de andere menu's gaat, blijft mijn menu van Helikopter staan.
Hieronder de voornaamste stukken code:
<div id="topNavigation">
<ul id="nav">
<li id="nav_helikopter"><a href="#">Helikopter</a>
<ul id="subnav_helikopter">
<li><a href="#">Rondvluchten</a></li>
<li><a href="#">Chartervluchten</a></li>
<li><a href="#">Proefles</a></li>
<li><a href="#">Cadeaubon</a></li>
</ul>
</li>
<li id="nav_vliegtuig"><a href="#">Vliegtuig</a>
<ul>
<li><a href="#">Rondvluchten</a></li>
<li><a href="#">Proefles</a></li>
<li><a href="#">Cadeaubon</a></li>
</ul>
</li>
<li><a href="#">Luchtballon</a>
<ul>
<li><a href="#">Ballonvaren</a></li>
<li><a href="#">Cadeaubon</a></li>
</ul>
</li>
<li><a href="#">Boeing 737</a>
<ul>
<li><a href="#">Cockpit vlucht</a></li>
<li><a href="#">Cadeaubon</a></li>
</ul>
</li>
</ul>
</div>
<li id="nav_helikopter"><a href="#">Helikopter </a> <ul id="subnav_helikopter"> <li><a href="#">Rondvluchten </a></li> <li><a href="#">Chartervluchten </a></li> <li><a href="#">Proefles </a></li> <li><a href="#">Cadeaubon </a></li> <li id="nav_vliegtuig"><a href="#">Vliegtuig </a> <li><a href="#">Rondvluchten </a></li> <li><a href="#">Proefles </a></li> <li><a href="#">Cadeaubon </a></li> <li><a href="#">Luchtballon </a> <li><a href="#">Ballonvaren </a></li> <li><a href="#">Cadeaubon </a></li> <li><a href="#">Boeing 737 </a> <li><a href="#">Cockpit vlucht </a></li> <li><a href="#">Cadeaubon </a></li>
#topNavigation ul li:hover ul {
left: auto;
}
#topNavigation ul li:hover ul, #topNavigation ul li.sfhover ul {
left: auto;
}
.pg_helikopter #topNavigation ul li ul#subnav_helikopter {
left: auto;
}
#topNavigation ul li:hover ul { left: auto; } #topNavigation ul li:hover ul, #topNavigation ul li.sfhover ul { left: auto; } .pg_helikopter #topNavigation ul li ul#subnav_helikopter { left: auto; }
Iemand die hier de oplossing voor weet?
|