我正在制作的网站上有一些<li>
项目作为我的导航栏的一部分,我完全被这些项目之前出现的一些间距所困扰。
margin 和 padding 都是 0,并且 list-style-type 设置为 none。有任何想法吗?
忘记网址了!这里。
根据要求的其他详细信息:
- 项目的文本
<li>
是实际文本,而不是图像。 - 项目的文本
<li>
未对齐(删除了多余
的 'center' )。
相关CSS:
/*****************
NAVIGATION STYLING
*****************/
#navigation{
position: absolute;
top: 0;
z-index:10;
text-align: center;
width: 100%;
margin: 0 auto 0 auto;
}
#navigation a:link, a:visited{
text-decoration: none;
color: white;
font-size:4.16em;
margin: 0.5em;
line-height: 1.5em;
text-transform: uppercase;
float: left;
width:100%;
}
#navigation #me{
}
#navigation a.im:link, a.im:visited{
line-height: 0em;
}
#navigation a.holly:link, a.holly:visited{
line-height: 0em;
}
#navigation a.games_programmer:link, a.games_programmer:visited{
line-height: 0em;
}
#navigation ul{
height: 50px;
text-decoration: none;
background:#1d6482;
margin: 0;
padding: 0;
}
#navigation li{
display: inline-block;
list-style-type: none;
}