61,112
社区成员
发帖
与我相关
我的任务
分享关于ul列表样式的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
.user_nav ul{margin:0 0 0 23px;padding:0;list-style:inside left;color:#E8A300;}
.user_nav ul li{margin:0 0 0 23px;float:left;padding:0;}
.user_nav ul li a:link,a:visited,a:active{color:#1D7E13;text-decoration:none;line-height:19px;}
.user_nav ul li a:hover{color:#1D7E13;text-decoration:underline;line-height:19px;}
</style>
<div class="user_nav">
<ul>
<li style="margin-left:0;"><a href="#">aaaaaaa</a></li>
<li><a href="#">bbbbbb</a></li>
<li><a href="#">ccccccc</a></li>
<li><a href="#">ddddd</a></li>
<li><a href="#">eeeeee</a></li>
</ul>
</div>
定义了如上的样式,在ff和opera里显示的效果是我想要的效果,但是在ie里，列表样式却显示不出来.如去掉li的float属性,样式才能显示出来?高手帮忙.为什么会这样?怎么解决?
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
.user_nav ul{margin:0 0 0 23px;padding:0;list-style:inside left;color:#E8A300;}
.user_nav ul li{margin:0 0 0 23px;float:left;padding:0;}
.user_nav ul li a:link,a:visited,a:active{color:#1D7E13;text-decoration:none;line-height:19px;}
.user_nav ul li a:hover{color:#1D7E13;text-decoration:underline;line-height:19px;}
</style>
<div class="user_nav">
<ul>
<li style="margin-left:0;"><a href="#">aaaaaaa</a></li>
<li><a href="#">bbbbbb</a></li>
<li><a href="#">ccccccc</a></li>
<li><a href="#">ddddd</a></li>
<li><a href="#">eeeeee</a></li>
</ul>
</div>
定义了如上的样式,在ff和opera里显示的效果是我想要的效果,但是在ie里，列表样式却显示不出来.如去掉li的float属性,样式才能显示出来?高手帮忙.为什么会这样?怎么解决?
...全文
请发表友善的回复…
发表回复
