Hi everyone,

I know this is probably an easy question but I can't find the answer anywhere. 

1.  Drop shadow on dynamic menu - I want a drop shadow on my menu. 

 2.  Hover highlighting - when hovering over a dynamic menu item, it's only changing the highlight on the text, not the entire menu item.

 Below is my skin and css for the menu.

 from skin:

 <asp:Menu Orientation= "horizontal" runat=server Width="144px" 
        DynamicHorizontalOffset="-2" 
        StaticSubMenuIndent="10px" 
        Height="17px" 
        StaticPopOutImageUrl="~/Images/arrowDownslim.ico"
        DynamicPopOutImageUrl="~/Images/arrowRightslim.ico" 
        CssClass="toolbar">
        "toolbar">
        "toolbarDynamicHover">
        "toolbarDynamic">
        "toolbar">
        "toolbarDynamic">
        "toolbarDynamic">
        "toolbar">
    </asp:Menu>

 from css:

  
.toolbar
{
	  filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#ffffff,endColorStr=#99CCFF);
	  font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	  font-size:small;
	  color:Navy;
	  padding: 6px;

}

..toolbarDynamic
{
	filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#ffffff,endColorStr=whitesmoke);
	font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: navy;
	text-indent: 2pt;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}

..toolbarDynamicHover
{
	font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: navy;
	background: #ccccff;
	text-indent: 2pt;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}
 

2.  figured it out.  I removed the filter and it highlights the entire item now.

 still need help on the drop shadow

Hi,

Hope this thread helps:

http://forums.asp.net/thread/914452.aspx