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

在织梦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=http://www.dede58.com/"[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{ 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/e98edaeda47f04d80745050fcc233f8a.html