<style type="text/css">
*{margin:0;padding:0;}
body{text-align:center;}
ul{list-style:none;} /*list-style:none隐藏列表符号*/
.main {background:white;height:100%px;width:810px;margin:0 auto;margin-top:10px;}
.box {width:810px;height:100%px;overflow:hidden;background:white; margin-left:inherit;}
.box ul {width:810px;height:100%;}
.box li {float:left;margin-right:4px;margin-bottom:5px;}
.box div {background:white;background:#f7f7f7;width:399px;height:120px;border:1px solid #CCC}
.box div ul {width:380px;list-style:inside;list-style-type: circle;}/*list-style重新定义列表符号*/
.box div li {list-style:inside;list-style-type: circle;width:380px;text-align:left;margin-left:4px;margin-bottom:5px;}/*重新定义文本宽度和文本对齐方式*/
.box h2 {background:#71C594;text-align:left;text-indent:10px;font-size:12px;height:24px;line-height:24px;color:#FFFFFF;}
.STYLE3 {color: #3A9D66}
</style> <div class="main">
<div class="box">
<ul> <li>
<div>
<h2>[党代会专题]</h2><BR>
<p><ul><li><a href=newsshow.asp?ArticleID=7355 target=_blank>第二次党代会圆满完成各项议程胜利闭幕</li></a><li><a href=newsshow.asp?ArticleID=7276 target=_blank>第一届党代会胜利闭幕</li></a><li><a href=newsshow.asp?ArticleID=7275 target=_blank>高攀当选为中共纪委书记</li></a><li><a href=newsshow.asp?ArticleID=7274 target=_blank>邵明当选为中共委书记</li></a><li><a href=newsshow.asp?ArticleID=7273 target=_blank>热烈祝贺中共委第一次党代会召开</li></a></ul></p>
</div>
</li>
</ul>
</div> </div>上述div+css 代码我在火狐中测试一切显示正常,为什么一跑到IE6中的时候就看不到列表项前面的圆点。
谢谢各位解答,谢谢!
多处重复定义,非常混乱,只怕浏览器都不知道怎么处理好,不同浏览器这间当然可能表现不同.ul{list-style:none;} /*list-style:none隐藏列表符号*/
..
.box ul {width:810px;height:100%;}
.box li {float:left;margin-right:4px;margin-bottom:5px;}
...
.box div ul {width:380px;list-style:inside;list-style-type: circle;}/*list-style重新定义列表符号*/
.box div li {list-style:inside;list-style-type: circle;width:380px;text-align:left;margin-left:4px;margin-bottom:5px;}/* 重新定义文本宽度和文本对齐方式*/
------------------------
晕,你没明白我的意思吧,我是说你的CSS写得很乱,你要写规范一点,不要多处重复定义.
我给的CSS是指明你在哪里多处定义,而不是改好的CSS.okay?!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>li测试</title>
<style>
* {font-size:12px;}
ul{margin:0;padding:0;}/* 定义全局ul */
#test {}
#test li {list-style:inside;list-style-type: circle;width:80px;float:left;padding:0 0 0 20px;}
</style>
</head>
<body><div style="width:300px;">
<ul id="test">
<li>动网论坛</li>
<li>测试代码</li>
<li>列表背景</li>
<li>背景图片</li>
</ul>
</div>
</body>
</html>
* {font-size:12px;}
ul{margin:0;padding:0;}/* 定义全局ul ,注释掉此行再在ie中和火狐中看看效果*/
#test {}
#test li {width:80px;float:left;padding:0 0 0 20px;background:url("http://idc.zhiweikeji.cn/images/i5.gif") no-repeat 2px 1px;}
</style><div style="width:300px;">
<ul id="test">
<li>动网论坛</li>
<li>测试代码</li>
<li>列表背景</li>
<li>背景图片</li>
</ul>
</div>
<head runat="server">
<title>无标题页</title>
<style type="text/css">
ul{list-style-type:circle}
</style>
</head>
<body> <ul>
<li> 动网论坛 </li>
<li> 测试代码 </li>
<li> 列表背景 </li>
<li> 背景图片 </li>
</ul></body>
</html>