2010-12-05 60 views
1

我無法刪除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; 
} 

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

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

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

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

回答

2

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

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

+1

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

0

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

+0

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