空白间距问题

我使用下面的代码从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>

现在，中排，除此之外越来越菜单displyed..there是留下一些空间..有一些底部边距..我需要的菜单应该完全适合行..我不知道，如何调整与边缘..请帮助我...

来源

2010-10-25 satya

我不知道你在问什么，请清楚地修改它。中间的列正好是你指定的高度 - 43px – 2010-10-25 08:34:13

http://www.shouldiusetablesforlayout.com/ – MatTheCat 2010-10-25 08:36:29

@Eran： - 如果我在表格中使用它，在中间一行中菜单下面有一些空格。尽管我把那排的高度从43降低到了38，但剩下一些空间了..我不想要任何空间..菜单应该完全适合我的第2排.. thanku对你的帮助。 – satya 2010-10-25 08:43:17

你是看着这样的东西 - http://www.jsfiddle.net/DPjnL/

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

来源

2010-10-25 09:13:57

非常感谢。这帮助了我很多。这是我正在寻找的。为了调整菜单的高度，我保留了行高并删除了所有其他高度。 – satya 2010-10-25 09:38:47

空白间距问题

回答

相关问题