2011-06-16 161 views
2

的空間頁邊距和nevigation巴之間的顯示,那麼如何刪除這個空間如何刪除頁邊距

CSS代碼

#topnav ul 
{ 

    list-style-type:none; 
    margin:0; 
    padding:0; 

    overflow:hidden; 
} 

#topnav li 
{ 

    float:left; 
    display:inline; 



} 



#topnav a:link, 
#topnav a:visited 
{ 
    display:inline-block; 
    width:110px; 
    font-weight:bold; 
    font-family:calibri; 

    color:#FFFFFF; 
    background-color:#98bf21; 
    text-align:center; 
    padding:3px; 
    text-decoration:none; 
    text-transform:uppercase; 
} 

#topnav a:hover, 
#topnav a:active 
{ 
    background-color:#7A991A; 
} 

HTML代碼

<ul id="topnav"> 
    <li id="topnav"><a href="#home">Home</a></li> 
    <li id="topnav"><a href="#news">OPD</a></li> 
    <li id="topnav"><a href="#news">IPD</a></li> 
    <li id="topnav"><a href="#news">Infrastucture</a></li> 
    <li id="topnav"><a href="#news">Gallery</a></li> 
    <li id="topnav"><a href="#news">Media</a></li> 
    <li id="topnav"><a href="#contact">Site Map</a></li> 
    <li id="topnav"><a href="#about">About</a></li> 
    <li id="topnav"><a href="#about">Nursing</a></li> 
</ul> 
+0

如果提供顯示問題[JS斌(http://jsbin.com/)演示,我將能夠爲您解決它。 – thirtydot 2011-06-16 08:33:58

回答

8

您需要將margin和padding專門設置爲0在「身體」元素上。

只是試試這個在你的CSS:

body { margin: 0; padding: 0; } 
+0

感謝您的回覆 – Rameez 2011-06-16 07:28:53

+0

但仍有空間 – Rameez 2011-06-16 07:29:15

+1

嘗試使用螢火蟲,蜻蜓或類似物來查看哪些元素有填充或邊距。對於Internet Explorer(某些版本,我認爲)html元素也可能有margin/padding。 – 2011-06-16 07:40:33

0

嘗試添加

#topnav { font-size: 0; } 
#topnav li { font-size: 12px; } /* or your font size that needed there */