如何让精品展示,一排商品从原来的3个,变成一排4个商品,或两排
lovevfp
版主的方法我试了几次都不行,就只能出现3个商品
<meta http-equiv="Content-Type" c>
<!-- {if $best_goods} -->
<div class="title"><a href="../search.php?intro=best" class="more"><img src="../images/more.gif" width="25" height="5" border="0" alt=""/></a><img src="../images/best-goods.gif" width="90" height="28" alt=""/></div>
<div class="content" id="best-goods">
<!--{foreach from=$best_goods item=goods}-->
<table border="0" cellspacing="4" cellpadding="0"
class="item">
<tr>
<th><A href="{$goods.url}"><img src="{$goods.thumb}" border="0" alt="{$goods.name|escape:html}" /></A></th>
</tr>
<tr>
<td align="center"><a href="{$goods.url}" title="{$goods.name|escape:html}"><img src="../images/icon.gif" width="16" height="10" alt=""/>{$goods.short_name|escape:html}</a> </td>
</tr>
<tr>
<td><!-- {if $goods.promote_price neq ""} -->
{$lang.promote_price}<span class="goods-price">{$goods.promote_price}</span>
<!-- {else}-->
{$lang.shop_price}<span class="goods-price">{$goods.shop_price}</span>
<!--{/if}--></td>
</tr>
<tr>
<td><div align="center"> <a href="javascript:addToCart({$goods.id})"><img src="../images/btn_c.gif" border="0" alt=""/></a> <a href="javascript:collect({$goods.id})"><img src="../images/btn_s.gif" border="0" alt=""/></a> </div></td>
</tr>
</table>
<!--{/foreach}-->
</div>
<!--End content-->
<!--{/if}-->
上面就是你需要修改的这个文件的所有内容,我已经把需要修改地方用红色标注起来,但是注意,这个红色的地方,我只是让你清楚,看看,DIV中定义了class,在下面需要循环的表格中定义了class,那么这些class的值才是真正起作用的,只需要将这些class的宽度值改小就可以实现你想的了,这个需要你耐心的一次又一次的调整,才能达到你想要的效果,你只需要记住这些class在这里的命名,在到模板文件下找到style.css,编辑他,查找这三个class的值,你可以先修改表格的class的值,他的宽度减小几像素,上传到空间中,刷新网页,查看效果,如果出现乱码,请进入后台清除缓存,。。反复修改,最后达到你想的效果为止。。。。。
努力!!!
[
本帖最后由 mxshow 于 2007-8-25 13:07 编辑 ]