Блог

Главная - Вопросы по программированию - Нижняя часть пунктов моего меню вырезана с правой стороны от самих пунктов

Нижняя часть пунктов моего меню вырезана с правой стороны от самих пунктов

#c# #asp.net #menu #menuitem #display

#c# #asp.net #меню #menuitem #отображение

Вопрос:

Я хочу создать образец меню в asp.net и элементы отображаются так, как я хочу, единственная проблема заключается в том, что нижняя сторона каждого элемента обрезается и отображается рядом с самими элементами

введите описание изображения здесь

Как вы можете видеть на картинке, когда я навожу курсор на элемент, с правой стороны находится нижняя часть элемента, на который я навожу курсор, и что в этом забавного, с правой стороны нижние элементы отображаются в том же порядке, что и мои элементы. Кто-нибудь знает, в чем может быть проблема? Заранее большое вам спасибо. Вот мой пример кода

  <%@ 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>

Комментарии:

1. Это похоже на проблему стиля. У вас есть какие-либо css-файлы?

2. Попробуйте проверить меню и высоту элемента.

3. Спасибо большое за помощь, вы были правы, это была проблема стиля, не с размером, а с пропретой по умолчанию «float: left» для меню и пунктов меню. Поэтому я добавил свой css-файл, из которого удалил его с помощью «очистить: оба;», и это сработало.

Метки: