在織夢(mèng)dedecms的div css做的摸板，請(qǐng)問(wèn)如何在織夢(mèng)dedecms軟件列表頁(yè)中顯示軟件縮略圖，并圖靠左排列!

 

既在著段

{dede:list pagesize='7'}

<dl>

<dt><a href='[field:filename/]'>[field:title/]</a></dt> 

<dd class="info"><strong>下載次數(shù)：</strong> [field:click/] <strong>加入日期：</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>語(yǔ)言：</strong> [field:language/] <strong>授權(quán)：</strong> [field:accredit/]</dd>

<dd class="preview">[field:description/]…</dd>

</dl>

{/dede:list}

 

中添加[field:imglink]

 

請(qǐng)問(wèn)大家在摸板中因該怎么改，在soft.css里因該怎么改。

 

回答您的問(wèn)題：

 

模板代碼: 

{dede:list pagesize='7'} 

<dl> 

<dt><a href='[field:filename/]'>[field:title/]</a></dt> 

<dd class="info"><strong>下載次數(shù)：</strong> [field:click/] <strong>加入日期：</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>語(yǔ)言：</strong> [field:language/] <strong>授權(quán)：</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; 

}