• 网站认证
  • 教程:6,666|
  • 话题:6,323|
  • 评论:54|
  • 会员:240|
  • 注册
  • 查看作者
  • 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=https://www.niuqi.net/"[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{ 

  • 0
  • 0
  • 0
  • 91
  • 请登录之后再进行评论

    登录
  • 做任务
  • 实时动态
  • 偏好设置
  • 单栏布局 侧栏位置: