Is it possible to make the entire area of a menu item clickable in an asp.net menu control?

Currently, only the text is clickable.

Thx for your help!

Yes,

define a css class for the menuitem like this (change width property to you desired value):

.menuitem
{
    width:100px;
    display: block;
}

 and then assign this style class to the dynamicmenuitemstyle and staticmenuitemstyle cssclass property.

Hi Fafar Robert,

your information has been very usefull and correct!

Thx a lot.

Grtz,

Recloose(Thomas)!

I am having the same problem.  Adding the CSS attribute 'display: block' expanded the clickable area, but it also messed up the text.  I'm trying to create a menu where each node has a background image (a button).  When I add 'display: block', the text moves to the top of the button, while I want it in the middle.

Any suggestions?

CSS:

*.menuItem
{
    background-image: url(images/nav_buttons_blank.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 165px;
    text-align: center;
    color: White;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    background-color: Transparent;
    display: block;
    vertical-align: middle;
}

 .NET (VB):

<asp:Menu ID="Menu1" runat="server" >
            <StaticMenuItemStyle CssClass="menuItem" />
            <Items>
                <asp:MenuItem Text="Beverages" Value="Beverages"></asp:MenuItem>
                <asp:MenuItem Text="Sandwiches" Value="Sandwiches"></asp:MenuItem>
                <asp:MenuItem Text="Desserts" Value="Desserts"></asp:MenuItem>
            </Items>
        </asp:Menu>

Thanks!
 

Hi,

you can play with margin or padding attributes... have you tried that? (try to adjust px value)

padding-top: 5px; /*this one does not affect the placement of the background picture */

or

margin-top: 5px; /*this one does*/

hi everyone,

i have the similar problem of creating a menu.

But i want to do it with C#.

when i try to do:-

<asp:Menu ID="Menu1" runat="server" >

</asp:Menu>

---it says error creating control

plz help.

This kind of worked for me, in IE everything is fine, but in firefox it only works for the first level of dynamic menu items.

Can anyone help with a workaround?