首页 > CMS > 织梦DEDE > 正文

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

2024-07-12 09:08:54
字体:
来源:转载
供稿:网友
在织梦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; 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表