Question

喂，

我使用css play中的以下代码。这显示一个菜单。

.preload16 {background: url(m_admin/m_admin_2.gif);}
.preload16a {background: url(m_admin/m_admin_2a.gif);}
.m_admin {padding:0 0em 0 1em; margin:0; list-style:none; height:43px; position:relative;
       background:transparent url(../images/menu2/m_admin_back.gif) repeat-x left top ; font-size:11px;width:650px}
.m_admin li {float:left; height:43px;}
.m_admin li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none;
            font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px;
            cursor:pointer; background:url(../images/menu2/m_admin_0a.gif) no-repeat;margin-top:0em;}
.m_admin li a b {float:left; display:block; padding:0 60px 0 0; background:url(../images/menu2/m_admin_0.gif)
                     no-repeat right top;margin-top:0em;}
.m_admin li.current a {color:#000; background:url(../images/menu2/m_admin_2a.gif) no-repeat;}
.m_admin li.current a b {color:#000; background:url(../images/menu2/m_admin_2.gif) no-repeat right top;}
.m_admin li a:hover {color:#000; background: url(../images/menu2/m_admin_2a.gif) no-repeat;}
.m_admin li a:hover b {color:#000; background:url(../images/menu2/m_admin_2.gif) no-repeat right top;}
.m_admin li.current a:hover {color:#000; cursor:default;}

我想在表格行中显示该菜单... 所以使用了以下代码..

<table border="1" cellpadding="0" cellspacing="0">
    <tr><td>123</td></tr>
    <tr>
        <td>
            <ul class="m_admin">
                <li class="current"><a href="#nogo"><b>Double ones</b></a></li>
                <li><a href="#nogo"><b>Edit page</b></a></li>
                <li><a href="#nogo"><b>Search</b></a></li>
            </ul>
        </td>
    </tr>
    <tr><td>123</td></tr>
</table>

现在在中间行，除了显示的菜单......还有一些空间......有一些底部边缘..我需要菜单应该在行中完全FIT ..我不知道，如何用margin来调整..请帮助我...

Answer 1

你是否正在看这样的事情 - http://www.jsfiddle.net/DPjnL/

如果是这样，我刚从css中删除了所有高度和行高属性。您可以在链接中找到附加的html / css代码

边距问题

1 个答案: