我的菜单项目的底部在他们自己的项目的右侧被剪切

时间:2016-10-17 08:08:11

标签: c# asp.net menu menuitem display

我想在asp.net中制作一个菜单示例,并根据需要显示项目,唯一的问题是每个项目的底部都被剪切并显示在自己的项目旁边

enter image description here

正如你在图片中看到的那样,当我将鼠标悬停在物品上时,右边是我悬停在其上的物品的底部,这有趣的是,在右侧,底部是显着的和我的物品一样的订单。有人知道问题可能是什么吗?非常感谢你提前。 这是我的示例代码

 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="DocumentSolution.master.cs" Inherits="Document_Solution.DocumentSolution" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>

          <asp:Menu ID="Menu1" DynamicHoverStyle-Font-Names="Menu1" runat="server" CssClass="menu" Orientation="Horizontal" OnMenuItemClick="Menu1_MenuItemClick" BackColor="#F7F6F3" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="2.0em" ForeColor="#7C6F57" StaticSubMenuIndent="50px">
            <DynamicHoverStyle ForeColor="White" />
            <DynamicMenuStyle BackColor="#F7F6F3" />
            <DynamicSelectedStyle BackColor="#5D7B9D" />
            <Items>
                <asp:MenuItem Text="Indstillinger" Value="Setup" NavigateUrl="~/Settings.aspx" Target="Blank"></asp:MenuItem>
                <asp:MenuItem Text="Hent fra Mail" Value="Mails"></asp:MenuItem>
                <asp:MenuItem Text="Indscan billag" Value="ScenDocuments"></asp:MenuItem>
                <asp:MenuItem Text="Log af" Value="LogOut" ></asp:MenuItem>
            </Items>
            <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
            <StaticMenuItemStyle HorizontalPadding="20px" VerticalPadding="2px" />
            <StaticSelectedStyle BackColor="#5D7B9D" />
            <StaticItemTemplate>
                <%# Eval("Text") %>
            </StaticItemTemplate>
        </asp:Menu>

    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">


        </asp:ContentPlaceHolder>

    </div>

    </div>
    </form>

</body>
</html>

0 个答案:

没有答案