泸州网络公司网站建设公司唐网互联

泸州网站建设,泸州网络公司唐网互联服务热线

dedecms产品列表图片自动换行 【推荐】

时间:2013-02-20 11:30 来源:泸州唐网 点击:

实现排几行排几列产品图片列表(会自动换行的)  

具体代码如下:

把以下放入<head> </head> 之间

<style type="text/css">

<!--
#products ul li {
        list-style-image: none;
        list-style-type: none;
}
-->
</style> 

 

把以下放入产品展示区域

    <div id="products" style="width:770px; height:420px;">
 {dede:list pagesize='8'}
   <div style="width:160px; height:200px; float:left;">
     <ul>
        <li><a href="[field:arcurl/]" target="_blank">
         <img src="[field:litpic/]" width="160" height="160" border="0" alt="[field:title/]"/></a></li>
                <li style="text-align:center"><a href="[field:arcurl/]" target="_blank">[field:title/]</a></li>
         </ul>  
   </div>
{/dede:list}
</div> 

本网站友情链接:
网络公司 http://www.luzhot.com/
网站制作 http://www.263t.net/
网站建设 http://www.jzp123.com/
分享本文:

相关文章:


上一篇:内容页优化、dedecms 生成文章以拼音命名的方法
下一篇:解决Incorrect integer value: '' for column 'id' at row 1的方