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

私が考え出したのは、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 に答える
0

これが必要だと思います。これを試して。これをあなたのCSS

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