I'm rebelling against javascript (for the hover states) in my tabular menus
so I'm seeking some guidance
I have the following:
<style>
.SubPageTab a { color: #888888;
font-size: 9px;
font-weight: bold;
text-decoration: none;
background: url("bgTabGold.jpg"%>) repeat-x;
vertical-align: middle;}
.SubPageTab a:hover {color: black;
background: url("bgTabSilver.jpg"%>) repeat-x;}
.SubPageTab a:active {color: black;
background: url("bgTabWhite.jpg"%>) repeat-x;}
.SubPageTab a img {vertical-align: middle;}
</style>
and here's the snippet
<td class="SubPageTab" valign="bottom" nowrap>
<a href="#" onClick="hideTag('tab','table'); showTag('tab244','table')">
<img src="/inc/style4/images/bgTabLeft.gif" border="0">
TAB TITLE
<img src="/inc/style4/images/bgTabRight.gif" border="0">
</a>
</td>
It all works swimmingly, but the "active" state is what I want to persist
once they have clicked on it.
As it stands now, when they click on it, the active state is "active" until
they click on anything else on the page (not menu items)... and then it
reverts back to the non-active state.
"visited" is something I thought about (because it persists) but that's not
going to work either.
Another option would be to "clear out" the visited state every time they
click on a menu button and use the "visited" instead of "active"..
I hope I'm being clear enough...
Jared Nielsen
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
