[RESOLVED] Need the Hover background-color to be larger?
I'm using an ASP.Net Menu control for a webpage. The control is within an HTMLTable that has no formatting. The Menu as you can see in the Screenshot, has a dark gray background but the hover color is a lighter color. It also doesn't cover the entire menu item. Basically, I want the hover color to fill the menu item. I've attached the HTML. I haven't used the <asp:Menu> control that much.
Code:
<td width="80%">
<asp:Menu ID="Menu1" runat="server" style="padding-left: 150px" Orientation="Horizontal" BackColor="#656565" DynamicPopOutImageTextFormatString="" ForeColor="White"
StaticEnableDefaultPopOutImage="False" StaticPopOutImageTextFormatString="" Width="100%">
<DynamicHoverStyle BackColor="#66FF66" BorderWidth="0px" Height="20px" ForeColor="Black" />
<DynamicMenuItemStyle VerticalPadding="0px" HorizontalPadding="0px" BackColor="#656565" BorderColor="#999999" BorderStyle="Solid"
BorderWidth="0px" ItemSpacing="0px" />
<DynamicMenuStyle BackColor="#EBE7E7" Width="140px" />
<Items>
<asp:MenuItem Text="Home"></asp:MenuItem>
<asp:MenuItem Text="Catalog"></asp:MenuItem>
<asp:MenuItem Text="Account"></asp:MenuItem>
<asp:MenuItem Text="About"></asp:MenuItem>
<asp:MenuItem Text=" "></asp:MenuItem>
</Items>
<StaticHoverStyle BackColor="#CACACA" ForeColor="Black" />
<StaticMenuItemStyle HorizontalPadding="10px" VerticalPadding="0px" Width="90px" />
</asp:Menu>
</td>
Thanks,
Re: Need the Hover background-color to be larger?
The problem is, the size of the actuall area that is being hovered. That area is being hovered and changing color, but what you want is for it to actually be bigger. Therefore you will have to adjust the size of the area being hovered.
Re: Need the Hover background-color to be larger?
Bernie,
I thought it was something like that. I played around with the different properties and finally figured it out.
Thanks,