2011-06-16 162 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 */