Andrew
|
Hi,
As you may know, showing the active menu item on a static html page can be achieved by using the body id in combination with a specific class for each menu item. When changing the body id, the combination of that id and the item class will "light up" the active menu item.
The CSS would look like:
#Home li.home a, #About li.about a
{
color: #000000;
background-color: #ffffff;
}
and the html something like:
body id="About"
...
<ul id="navlist">
<li class="home"><a href="welcome.htm">Home</a></li>
<li class="about"><a href="about.htm">About</a></li>
</ul>
This works really nice for such a simply coded menu list. However, when trying to get this working for an Artisteer template, I get lost in the combination of CSS and html.
You probably recognize this from Artisteer:
<ul class="artmenu">
<li><a href="welcome.htm" class=" active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li>
<li><a href="about.htm"><span class="l"></span><span class="r"></span><span class="t">About</span></a></li>
</ul>
When trying to assign specific classes to either the list items or the links and getting it to work the same way, I can't get the CSS to play.
Any ideas how I could get this to work?
Thanks
P.S. If this message doesn't show up with code, please check the source code instead 
|