Question

一段css代码，我加上为什么没有效果

.touxiang {width:220px; border:0;padding:5px 5px; background:#fff; }
.touxiang li a img {margin:2px; border:1px solid #999; padding:2px; float:left; }
.touxiang li a:hover img {border:1px solid #000;}

<div class="mainlet">
<h3><span class="boxhead">非凡推荐QQ头像</span></h3>
<div class="touxiang">
<ul>
{$xml:newslist file="image.xslt" channelid="1" classid="5" type="9" maxnum="16" eachline="4" image="1" width="45" height="45"}</ul>
</div>
本来是鼠标移到图片上边就有黑色边框的效果的，但是却没有，我好像改过上边的css，时间长了，给忘了

如果代码不对，要怎么修改
回 iducky：
效果是出来了
但是你看图片，我原本设置的效果没有了，都挤到一块去了，图片右边还多出来些空白区域
弄好加分
<h3><span class="boxhead">非凡推荐QQ头像</span></h3>
<div class="touxiang">
<li style="float:left;width:24.9%;"><a href="/article/show.asp?id=569" target="_blank"><img src="/article/UploadPic/2010-8/2010830194949364.jpg" width="45" height="45" border="0" /></a></li>
<li style="float:left;width:24.9%;"><a href="/article/show.asp?id=573" target="_blank"><img src="/article/UploadPic/2010-8/2010830194959392.jpg" width="45" height="45" border="0" /></a></li>
</div>

Answer 1

楼主给个最终页面的代码吧，现在不知道ul里面是什么结构，是
<li><a ...><img .../></a></li>
这样么？

这样的话觉得浮动不应该加在<img />上，建议把浮动加在<li>上。把<a>设置块结构。

.touxiang ul{overflow:hidden;zoom:1}
.touxiang li{margin:2px;float:left;list-style:none}
.touxiang li a:link,.touxiang li a:visited{display:block;border:1px solid #999;padding:2px}
.touxiang li a:hover{border:1px solid #000}
.touxiang li a img{display:block;border:0}

我没去试，另外上面的代码<div class="mainlet">没有结束，缺少</div>

Answer 2

你应该设置li浮动变成横排
然后设置li img{dispaly:block;padding:2px}
然后a img和a:hover img中只写上边框的变化就行，如果IE6出问题，再单独设置一个li a:hover{border:none}一般情况不会出现这种问题

Answer 3

改这样
.touxiang li a img:hover {border:1px solid #000;}