服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > dedecms教程 >

dede软件列表模板中div css使软件缩略图靠左

时间:2018-02-27 08:34来源:未知 作者:最模板编辑 点击:
在织梦dedecms的div css做的摸板,请问如何在织梦dedecms软件列表页中显示软件缩略图,并图靠左排列! 既在着段 {dede:list pagesize=7} dl dta href=[field:filename/][field:title/]/a/dt dd class=infostrong下载次
在织梦dedecms的div css做的摸板,请问如何在织梦dedecms软件列表页中显示软件缩略图,并图靠左排列!
 
既在着段
{dede:list pagesize='7'}
<dl>
<dt><a href='[field:filename/]'>[field:title/]</a></dt> 
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd>
<dd class="preview">[field:description/]…</dd>
</dl>
{/dede:list}
 
中添加[field:imglink]
 
请问大家在摸板中因该怎么改,在soft.css里因该怎么改。
 
回答您的问题:
 
模板代码: 
{dede:list pagesize='7'} 
<dl> 
<dt><a href='[field:filename/]'>[field:title/]</a></dt> 
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd> 
<dd class="pvimg"><img src="[field:imglink]" /></dd> 
<dd class="preview">[field:description/]…</dd> 
</dl> 
{/dede:list} 
 
CSS: 
 
修改: 
.sbox dl dd.info{ 
width:636px; 
overflow:hidden; 
color:#090; 
line-height:23px; 
 
.sbox dl dd.preview{ 
float:right; 
width:536px; 
line-height:21px; 
color:#666666; 
 
 
增加: 
.sbox dl dd.pvimg{ 
width:94px; 
height:60px; 
overflow:hidden; 
float:left; 
border:1px solid #DDD; 
.sbox dl dd.pvimg img{ 
width:90px; 
height:56px; 
margin:2px; 
(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容