Please take a look at my screen shot, it shows what I would like to have happen on my web site with the navigation.
Can help me come up with some code that would show the Top navigation (menu 1) be highlighted when it's child (menu 2) is selected and active/current?
This seemed easy, but the code I found here: http://doc.silverstripe.org/doku.php?id=built-in-page-controls
didn't help me. My top navigation (menu 1) uses a tab look made up of a background image that is located in my css/typography.css
.typography ol span { color: #666666; }
/* menu tabs */
.typography #header a {
float:left;
background: url(../images/tableft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.typography #header a span {
float:left;
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:6px 5px 3px 8px;
color: #FFF;
}
.typography #current a {
float:left;
background: url(../images/tableft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.typography #current a span {
float:left;
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:6px 5px 3px 8px;
color: #FFF;
}
--------------------------------------------------------
Currently, this is the code in my Includes/Navigation.ss file
<ul>
<% control Menu(1) %>
<li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page"><span>$MenuTitle</span></a></li>
<% end_control %>
</ul>