Home/ Questions/Q 6779533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:23:46+00:00

The code placed below I have a problem. When I hover on Menu Items

  • 0

The code placed below I have a problem.
When I hover on Menu Items departmentsHover class is not effect the menu Items.
The color and background image is not changed.

What must I do?

P.S I am using MS visual Studio 2010 and asp.net in the environment.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .departmentsHover
        {
            color:Red;
            padding-left:4px;
            background-color:green;
                background-image:url("tile.jpg");
            width:150px;
        }
        .departments
        {
            color:Black;
            background-color:red;
            margin:2px;
            padding:4px;
            width:100px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

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


        <Items>
            <asp:MenuItem Text="ada"></asp:MenuItem>
            <asp:MenuItem Text="ada"></asp:MenuItem>
            <asp:MenuItem Text="ada"></asp:MenuItem>
            <asp:MenuItem Text="ada"></asp:MenuItem>

        </Items>

        <StaticMenuItemStyle CssClass="departments"/>
        **<StaticHoverStyle  CssClass="departmentsHover"/>**

        <StaticMenuStyle CssClass="mainmenu" />

    </asp:Menu>

    </div>
    </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why don’t you just use css hover

    .departments:hover
        {
            color:Red;
            padding-left:4px;
            background-color:green;
                background-image:url("tile.jpg");
            width:150px;
        }
    • 0