i’m new to MODx and stylesheets and try to tackle my first problem.
i like to keep the current menu-choise hilited in the way a.hover does.
i don’t know how to put that in my stylesheet. i think i need ’’&hereClass=`active`’’
thanks in advance for looking into this.
Remko
stylesheet:
body{background:#ffffff;}
#content{background:#eeeeee;}
#menu{background:#222222;}
#menu li{background:#222222;}
#menu a{color:#ffffff; background:#222222; text-decoration:none;}
#menu a:hover{color:#ffffff; background:#666666; }
#menu ul li {display: inline;}
#menu active {color:#ffffff; background:#666666; }
in my template i call wayfinder like this:
<div id="menu">
[!Wayfinder? &startId=`0` &level=`1` &rowClass=`menu` &hereClass=`active`!]
</div>
in the source code of the resulting page i see this:
<div id="menu">
<ul><li class="menu"><a href="http://www.mydomain.nl/" title="Home" >Home</a></li>
<li class="menu"><a href="/index.php?id=3" title="Biografie" >Biografie</a></li>
<li class="menu"><a href="/index.php?id=4" title="Portfolio" >Portfolio</a></li>
<li class="menu"><a href="/index.php?id=5" title="Projecten" >Projecten</a></li>
<li class="menu active"><a href="/index.php?id=6" title="Fascinatie" >Fascinatie</a></li>
<li class="menu"><a href="/index.php?id=7" title="Inspiratie" >Inspiratie</a></li>
<li class="menu"><a href="/index.php?id=8" title="Onderwijs" >Onderwijs</a></li>
<li class="menu"><a href="/index.php?id=2" title="Contact" >Contact</a></li>
<li class="menu last"><a href="/index.php?id=9" title="Blog" >Blog</a></li>
</ul>
</div>
