导航栏修改
2007-08-13 | 作者: 黯然销魂剑
经过一番折腾,终于改好CSS,搞定导航栏,YES!经IE6和Firefox测试通过。
#menu ul中的
/* nav menu */
#menu ul{
list-style-type: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
}
#menu li{
float: left;
}
#menu li a{
color: #ff7700;
font-size: 14px;
text-decoration: none;
padding-top: 4px;
display: block;
width: 52px;
height: 22px;
text-align: center;
background-color: #eeeeee;
margin-right: 2px;
}
#menu li a:hover{
background-color: #ff7700;
color: #ffffff;
}
#menu ul{
list-style-type: none;
padding-left: 0px;
padding-bottom: 10px;
margin-left: 0px;
}
#menu li{
float: left;
}
#menu li a{
color: #ff7700;
font-size: 14px;
text-decoration: none;
padding-top: 4px;
display: block;
width: 52px;
height: 22px;
text-align: center;
background-color: #eeeeee;
margin-right: 2px;
}
#menu li a:hover{
background-color: #ff7700;
color: #ffffff;
}
#menu ul中的
margin-left: 0px;
这句相当重要。摸索了很久,才加上了这一句。否则在IE下浏览,导航栏位置出现偏移(距左20px左右)。而在Firefox下用padding-left: 0px;
即可控制。
[最后修改由 黯然销魂剑, 于 2008-12-19 14:45:27]
浏览模式: 显示全部 |
评论: 1 |
引用: 0 | 排序 | 浏览: 1303
[ 2007-08-14 10:13:54 ]

沙发~~~

评论Feed: http://lovewangmin.cn/feed.asp?q=comment&id=8
引用链接: 
