修改官方分类信息模板

想改官方放出的交友分类列表页模板的图片大小。。。图片改大了。。但其它文字排列没有自动适应。。。菜鸟一只！求助大师们!
原代码

<style type="text/css">
.buddy li { overflow: hidden; display: inline; float: left; margin: 15px 15px 0; padding: 0 15px 15px 105px; width: 34%; height: 100px; border-bottom: 1px dotted #DDD; }
.buddy .avt { position: absolute; margin-left: -105px; }
.buddy .avt img { width: 90px; height: 90px; }
</style>

<ul class="buddy cl">
[loop]<li>
<div class="avt">
<a href="{subject_url}"><img src="{zp_value}" /></a>
</div>
<h4>{modcheck}<a href="{subject_url}" class="xst">{lxr_14_value} {lxr_14_unit}</a>{author_verify}</h4>
<div class="mtm mbm xg1">
{xb_14_value} {xb_14_unit}
<span class="pipe">|</span>
{nl_14_value} {nl_14_unit}
<span class="pipe">|</span>
{sg_value} {sg_unit}
<span class="pipe">|</span>
{zy_value} {zy_unit}
</div>
<p>{subject}</p>
</li>[/loop]
</ul>

效果:


现代码：

<style type="text/css">
.buddy li { overflow: hidden; display: inline; float: left; margin: 15px 15px 0; padding: 0 15px 15px 105px; width: 34%; height: 138px; border-bottom: 1px dotted #DDD; }
.buddy .avt { position: absolute; margin-left: -105px; }
.buddy .avt img { width: 168px; height: 128px; }
</style>

<ul class="buddy cl">
[loop]<li>
<div class="avt">
<a href="{subject_url}"><img src="{pplogo_value}" /></a>
</div>
<h4>{modcheck}<a href="{subject_url}" class="xst">{subject}</a>{author_verify}</h4>
<div class="mtm mbm xg1">
{pplxdh_value} {pplxdh_unit}
<span class="pipe">|</span>
{pplxr_value} {pplxr_unit}
</div>
<p>{ppdz}:{ppdz_value}{ppdz_unit}</p>
</li>[/loop]
</ul>

现效果：





图大了~~~文字路到图片后面了~
求高手们帮忙帮忙！！谢谢！感激不尽！！！

顶啊！！！有木有能人啊！！！

给个地址看看

briskvoice 发表于 2012-5-23 15:47
给个地址看看

给不了。。在局域网内~

okxing 发表于 2012-5-23 15:56
给不了。。在局域网内~

图片宽度修改后文字没有自动适应。。。被变大的图片挡在后面~

<ul> 标签是用来定义无序列表的。
class="list01"意思是，引用样式表关于list01这个类(class)的定义。

<ul class="buddy cl">

引用样式表关于lbuddy cl这个类(class)的定义

lbuddy cl这个类子在哪。。。。？

.buddy .avt img { width: 168px; height: 128px; }
width: 168px; height: 128px 改成适合的尺寸 金币拿来

5gss.cn 发表于 2012-5-24 02:22
.buddy .avt img { width: 168px; height: 128px; }
width: 168px; height: 128px 改成适合的尺 ...

  就是图改大了。。。挡到后面的识文字。。。我是想怎么把图片变大后。。。后面的文字自动适应。。不被挡到！！！

把数字改小啊