How to apply CSS to visited item in menu control?

  • Thread starter Thread starter Andrew Meador
  • Start date Start date
A

Andrew Meador

I have a menu control that is formated with CSS. I have used the
*MenuItemStyle, *HoverStyle, & *SelectedStyle (* = Static and Dynamic)
properties to associate the appropriate CSS class to the menu items -
and these are all working great, but can't see how to set a visited
menu item style to a set off CSS properties.

Could someone exlpain how to do this using CSS with the menu control?

Thanks!
Andrew
 
Here's the CSS that's I have now:

..leftnav
{
float: left;
background-color: #ddd;
width: 200px;
margin-left: 100px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-family: Sans-Serif;


..menuItem
{
border: 3px outset Sienna;
background-color: #006400;
font: 14px Arial;
color: White;
padding: 4px;
width: 190px;



}


..selectedMenuItem
{
border: 3px outset Coral;
background-color: #006400;
font: 14px Arial;
color: #FF7F50;
padding: 4px;
width: 190px;


}


..hoverMenuItem
{
border: 3px outset Yellow;
background-color: #006400;
font: 14px Arial;
color: Yellow;
padding: 4px;
width: 190px;


}


Here's the menu control code: (c#)
<div class="leftnav">
<asp:ContentPlaceHolder ID="LeftNavContent"
runat="server">
<asp:Menu ID="Menu1"
DataSourceID="srcSiteMap"
StaticDisplayLevels="1"
MaximumDynamicDisplayLevels="3"
DynamicPopOutImageUrl="~/Images/MenuPointer.bmp"
StaticPopOutImageUrl="~/Images/MenuPointer.bmp"
runat="server">
<StaticMenuItemStyle CssClass="menuItem" />
<DynamicMenuItemStyle CssClass="menuItem" />
<StaticHoverStyle CssClass="hoverMenuItem" />
<DynamicHoverStyle CssClass="hoverMenuItem" />
<StaticSelectedStyle CssClass="selectedMenuItem" />
<DynamicSelectedStyle CssClass="selectedMenuItem" /



</asp:Menu>
<asp:SiteMapDataSource ID="srcSiteMap"
ShowStartingNode="false" runat="server" />
</asp:ContentPlaceHolder>
</div>

Hopefully this help in your suggestions!


Thanks!
Andrew
 
Back
Top