需要幫助消除td和ul之間的無用空間-css

我無法刪除td和ul之間的一些空間。需要幫助消除td和ul之間的無用空間-css

下面是一段代碼

<html> 
<head> 
<link href="gs.css" type="text/css" rel="Stylesheet" /> 
</head> 
<body> 
<table width="100%"> 
<tr> 
<td width="100%" class="posMenuLevel1" style="border :1px solid gray;"> 
<br /> 
<ul class="menuLevel1"> 
<li> 
<a href="" >ABCD</a> 
</li> 
<li> 
<a href="" >EFGH</a> 
</li> 
<li> 
<a href="" >IJKL</a> 
</li> 
<li> 
<a href="" >MNOP</a> 
</li> 
</ul> 
<br /> 
</td> 
</tr> 
</table> 
</body> 
</html>

gs.css

.posMenuLevel1 
{ 
text-align: left; 
vertical-align: top; 
} 

.menuLevel1 li 
{ 
display: inline; 
list-style-type: none; 
} 

.menuLevel1 li a 
{ 
padding: 5px; 
text-decoration: none; 
background-color: #EE7600; 
color: #000000; 
} 

.menuLevel1 li a:visited 
{ 
color: #000000; 
} 

.menuLevel1 li a:hover 
{ 
text-decoration: underline; 
}

在運行此，你會發現有左側的空間，菜單/鏈接開始之前。

如果我做了一個右對齊，空間不會出現。

不知道爲什麼空間，而他們對準左

任何幫助出現，將不勝感激。謝謝

來源

2010-12-05 Bullet Eye

ul默認情況下有邊距/填充以提供列表項的縮進。您需要重置：

.menuLevel1 {margin: 0; padding: 0;}

來源

2010-12-05 18:00:11 prodigitalson

謝謝！作品！ :) – 2010-12-05 18:04:43

嘗試table {border-collapse: collapse;} & ul {margin:0; padding:0;}

來源

2010-12-05 18:00:44 meo

謝謝隊友。作品... :) – 2010-12-05 18:04:21

其實你也應該考慮使用正在重置默認的CSS規則，例如，Eric Meyer的方法：http://meyerweb.com/eric/tools/css/reset/。

這可以解決很多類似的問題，尤其是跨瀏覽器的問題。

來源

2010-12-05 18:35:13 Flack

需要幫助消除td和ul之間的無用空間-css

回答

相關問題