1 Attachment(s)
ASP.NET menu design question
I'm having a problem with the StaticSelectedStyle and StaticHoverStyle properties of the ASP.NET menu. Hopefully someone can answer that here
When you either scroll over a menu item or are on the current page, it displays the same CSS style which is a non repeating back image.
CSS:
Code:
.subnav_item_hover
{
background-image: url('../images/navback.gif');
background-repeat:no-repeat;
color:White;
}
Master Page:
Code:
<StaticMenuItemStyle CssClass="subnav_item"/>
<StaticSelectedStyle CssClass="subnav_item_hover" />
<StaticHoverStyle CssClass="subnav_item_hover" />
Everything works fine except when I try to indent the items. I've tried text-indent, padding, margin, and text-align. Whenever I use any in the subnav_item class, the background image repeats itself. In the image, "Hardware" was selected by the cursor, and "Network" is the selected page. I also was trying "text-align:center;" in the image.