UL LI问题

kiba518 2009-08-09 11:20:10
<UL class=kibasp>
<LI><A href="http://www.syyq.cn/url.php?d=20081007155910" target=_blank><IMG src="http://www.syyq.cn/comimg/34582.jpg"><BR>敦煌牌694KK蕉窗夜雨<BR>市场价:¥3400<BR>会员价:¥2990</A> </LI>
<LI><A href="http://www.syyq.cn/url.php?d=20070630155623" target=_blank><IMG src="http://www.syyq.cn/comimg/12065.jpg"><BR>敦煌牌696D双鹤朝阳<BR>市场价:¥1455<BR>会员价:¥1260</A> </LI>
<LI><A href="http://www.syyq.cn/url.php?d=20070630145423" target=_blank><IMG src="http://www.syyq.cn/comimg/12055.jpg"><BR>敦煌牌699A江南丝竹<BR>市场价:¥1135<BR>会员价:¥999</A> </LI>
<LI><A href="http://www.syyq.cn/url.php?d=20090429160311" target=_blank><IMG src="http://www.syyq.cn/comimg/45133.jpg"><BR>敦煌牌689T天真元韵<BR>市场价:¥1920<BR>会员价:¥1690</SPAN></A> </LI>
<LI><A href="http://www.syyq.cn/url.php?d=20070630140032" target=_blank><IMG src="http://www.syyq.cn/comimg/12042.jpg"><BR>龙凤牌红木刻诗<BR>市场价:¥2160<BR>会员价:¥1550</A> </LI>
<LI><A href="http://www.syyq.cn/url.php?d=20090413171622" target=_blank><IMG src="http://www.syyq.cn/comimg/45065.jpg"><BR>敦煌牌694Z龙吟春申<BR>市场价:¥4535<BR>会员价:¥3990</A> </LI>
</ul>



css


.kibasp{ float:left; width:525px; margin:10PX; padding-left:0PX; list-style:none; } 

.kibasp li{float:left;width:160px;height:190px;display:block;margin-left:10px; ;font-size:12PX; text-align:center}
.kibasp li img{ width:140px; height:130px; text-align:center; padding:2px;text-align:center;border:1px #ccc solid;background-color:#fff;margin:0px auto 0 auto;}
.kibasp a:link { color:#000000; text-decoration:none}
.kibasp a:visited {color:#000000; text-decoration:none}




这个段代码 在IE6里 会高出几个像素

大体意思是 一个UL 设定宽度 然后里面放若干LI 当LI 宽度不够放在本行 就会到下一行了
但是IE6里 第二行LI距离上面的 LI会距离上一行的LI 几个像素
怎么解决
...全文
117 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
kiba518 2009-08-11
  • 打赏
  • 举报
回复
ALGIN top 正确
hhx_1120 2009-08-10
  • 打赏
  • 举报
回复
我在IE6中试的是 把UL的float:left;去掉后就可以和其他浏览器一样正常显示了。
不过不知道这个方法可不可行 ,不知把它去掉后会不会影响你页面的其他排版效果
powerbyjune 2009-08-10
  • 打赏
  • 举报
回复
把图片设置为顶部对齐 algin="top"就行,再img标签内设置
powerbyjune 2009-08-10
  • 打赏
  • 举报
回复
把图片设置为顶部对齐 algin="top"就行
kiba518 2009-08-09
  • 打赏
  • 举报
回复
不行、。、、
hookee 2009-08-09
  • 打赏
  • 举报
回复
试试看a加属性display:inline-block

.kibasp li a{display:inline-block}
.kibasp a:link { color:#000000; text-decoration:none;display:inline-block}
.kibasp a:visited {color:#000000; text-decoration:none;display:inline-block}
renzaijiang 2009-08-09
  • 打赏
  • 举报
回复
把高度190px 去掉就ok了
renzaijiang 2009-08-09
  • 打赏
  • 举报
回复
浮动元素 margin不会合并 margin:10PX
两个之间 20px 我拿尺子量了的
筱伟 2009-08-09
  • 打赏
  • 举报
回复
不是啊,我在IE6和IE7、FF中试了都好的啊!

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧