asp:带图片的菜单上面有填充

时间:2013-01-27 16:59:01

标签: c# asp.net css

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

这是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像素。

enter image description here

如果我只是放置文字,它也会出现在图像中。

enter image description here这是setting.png

3 个答案:

答案 0 :(得分:1)

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

试试

答案 1 :(得分:0)

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

html,body
{
    padding:0px;
    margin:0px;
}

答案 2 :(得分: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;
}