请教：模型调用图片排列问题

模型中试着调用图片，希望按每行4列、也就是4个图片排列，没有成功。
目前，是所有图片直着排列的，请问，高手们，如何改。

模板中调用图片代码：

1. <DIV class=mohot_pic>
   
2. <!--{block name="model" parameter="name/tao/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,8/cachetime/900/subjectlen/20/cachename/shop/tpl/data"}--><!--最新商户点评信息8张图-->
   
3. 
   
4. <ul>
   
5. <!--{eval $i = 1;}-->
   
6. <!--{loop $_SBLOCK['shop'] $value}-->
   
7. <li <!--{if $i == 4}--> style="margin-right:0;"<!--{/if}-->><A title="$value[subjectall]" href="$value[url]" target="_blank"><IMG title="$value[subjectall]" alt="subject" src="$value[subjectimage]" width=137 height=87></A>
   
8. <h5><a href="$value[url]" target="_blank">$value[subject]</a></h5></li>
   
9. <!--{eval $i++;}-->
   
10. <!--{/loop}-->
    
11. </ul>
    
12. </DIV>
    

复制代码

模型中的Style.css：

1. .mohot_pic { height:120px; background-position:0 119px; }
   
2. .mohot_pic ul { padding-left:12px !important; padding-left:8px;}
   
3. .mohot_pic li { display:inline; float:left; width:135px; margin-right:28px; }
   
4. .mohot_pic li h5 { height:20px; overflow:hidden; margin:3px 0; font-weight:400; text-align:center; }
   
5. .mohot_pic li img { display:block; width:135px; height:85px; padding:1px; border:1px solid #C9C9CB; }

复制代码

都是抄别人的呀，不懂。
另外，模型中的图片Subjectimage都自动生成了缩略图，在附件目录中，如何直接调用图片的Thumb呢，那不是省点资源吗？

1# Salty
希望按下面方式排列：

高手呢，了解CSS及那些控制的同志，请驻足一下。

帮你顶　　　　　　　　　　

呵呵，会的指点一下可能就行了。

找到原模板里的CSS里面，原图片CSS名称，修改一下就可以了。

顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶!!

<table width="100%" height="145"border=0 style="border:1px #C1C1C1 solid"><tr>
[node]
<td align=center>{image}<br>{subject}</td>
[/node]
</tr></table>

横排显示，仅供参考！美化自己在CSS中设置一下可以了！
效果：http://www.kszs.cn/bbs/

也在为这个问题发愁..

.mohot_pic { height:120px; background-position:0 119px; width:500px;}
这儿加个宽
.mohot_pic ul { padding-left:12px !important; padding-left:8px;width:488px;}
这儿加个宽