终于搞定js调用图片横向排列问题

js图片调用默认的只有一列，只能竖着排列，研究了sty1es\photo_username_li.html.php 一上午终于搞明白

先看看演示：http://51e100.com:8080/   空间排行那里的8幅图片是横向的。

把原先的代码：

<?exit?>
<!--{loop $iarr $value}-->
<li>
<a href="$value[url]" target="_blank" title="$value[spacename]"><img src="$value[photo]" width="80" height="80" border="0" /></a>
<p><a href="$value[url]" target="_blank" title="$value[spacename]">$value[username]</a></p>
</li>
<!--{/loop}-->

修改成：

<?exit?>
<table width="900" border="0">
  <tr>
    <td>
        <!--{loop $iarr $value}-->
        <td>
        <table width="100" border="0">
  <tr>
    <td width="100" height="100" align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]"><img src="$value[photo]" width="80" height="80" border="0" /></a></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]">$value[username]</a></td>
  </tr>
</table>
</td>
<!--{/loop}-->        
        </td>
  </tr>
</table>

还没有修改成css的，等哪天有时间的时候在再改改！~

觉得有用的就帮着顶一顶~~~~

[ 本帖最后由 ddsljg 于 2008-2-28 11:18 编辑 ]

留着这个，其他的都删除吧

以下代码可以修改成两行：

<?exit?>
<table width="900" border="0">
  <tr>
    <td>
        <!--{loop $iarr $value}-->
        <td>
        <table width="100" border="0">
  <tr>
    <td width="100" height="100" align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]"><img src="$value[photo]" width="80" height="80" border="0" /></a></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]">$value[username]</a></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]"><img src="$value[photo]" width="80" height="80" border="0" /></a></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><a href="$value[url]" target="_blank" title="$value[spacename]">$value[username]</a></td>
  </tr>
</table>
</td>
<!--{/loop}-->        
        </td>
  </tr>
</table>

帮你顶顶

帮你顶顶，试一下

个人觉得用表格方式不好，表格现在已经是不建议使用的设计方式。
以上完全可以用CSS代码 li { float:left;}实现。而不必修改任何模板部分