1

我在表中的站点主控中有一个菜单栏。出于某种原因,我无法弄清楚它上面总是有填充。

这是CSS:

div.menu
{
    padding: 0px 0px 0px 0px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu ul li 
{
    color: white;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a
{ 
    padding: 4px 20px;
    color: white;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    background-color: #2c4257;
}

div.menu a ul li a:visited
{
    background-color: #25394B;
    color: white;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #25394B;
    color: #ef7c31;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #25394B;
    color: #ef7c31;
    text-decoration: none;
    text-align:left
}

这是在网站主人

 <table style="background-color: #2E4459">
     <tr>
         <td>
             <asp:Menu ID="SettingsMenu" runat="server" EnableViewState="True" IncludeStyleBlock="false" Orientation="Horizontal" CssClass="menu">
             <DynamicSelectedStyle ForeColor="#ef7c31" />
                 <Items>
                     <asp:MenuItem ImageUrl="Images/settings.png">
                     <asp:MenuItem NavigateUrl="~/Pages/CRMSettings/Area.aspx" Text="Area" />
                     <asp:MenuItem NavigateUrl="~/Pages/CRMSettings/Post.aspx" Text="Post" />

我不知道如何修复它,大约 30 px。

在此处输入图像描述

如果我只是输入文字,它也会在没有图像的情况下发生。

在此处输入图像描述这是设置.png

4

3 回答 3

1
div.menu
{
    padding: 0px !important;
}

试试看

于 2013-01-27T17:41:55.233 回答
0

我认为这就是你所需要的。尝试这个。将此添加到您的CSS

html,body
{
    padding:0px;
    margin:0px;
}
于 2013-01-27T17:27:04.127 回答
0

我发现有一个padding 填充:4px 20px; 改变的价值div.menu ul li a将帮助你。将其更改为div.menu ul li ul li a

div.menu ul li ul li a
{ 
    padding: 4px 20px;
    color: white;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    background-color: #2c4257;
}
于 2013-01-29T08:49:17.493 回答