0

I want to make entire menu item area clickable instead of only text. I had refered net and tried a lot but nothing gave me solution.

This is my CSS class for menu item:

    .temp {
        display:block;
        width:100%;
        height:100%;
        text-align:center;
        font-size:15px;
    }

I had included this css class as follows:

     <asp:Menu ID="Navigation" runat="server">
       <StaticMenuItemStyle  Height="30px" CssClass="temp" />
       <DynamicHoverStyle BackColor="White" />
       <DynamicMenuItemStyle BackColor="#0080c0" CssClass="temp"   />
       <DynamicMenuStyle CssClass="temp" width="132" BackColor="#99CCFF" />
rajasekar25
  • 309
  • 1
  • 3
  • 19

1 Answers1

0

You can use css as below

<asp:Menu ID="Navigation" runat="server" CssClass="menu">


.Menu
{  
   width:100%; 
}

.Menu ul li
{

    width:100%;
}

This link may also help you http://forums.asp.net/post/2192957.aspx
Similar question on SO

  1. How can I make asp.net menu of 100% width
  2. ASP Menu width not setting to 100%
  3. How to style ASP:Menu with CSS
Community
  • 1
  • 1
शेखर
  • 17,412
  • 13
  • 61
  • 117