Question

织梦求解在文章列表当中插入缩略图和文章的摘要？（有图说明）

我的文章列表代码如下：
<div class="rig-com-cen">
<div class="new2-menu">
<ul>
{dede:list orderby='pubdate' type='image.' imgwidth='115' imgheight='75' pagesize='20'}
<li ><span style="float:right; color:#CC0000">[ [field:pubdate function="MyDate('Y-m-d',@me)"/] ]</span><a href="[field:arcurl/]" title="[field:title/]">[field:image/]
</a></span><a href="[field:arcurl/]" title="[field:title/]">[field:title/]
</a></li>
{/dede:list}
</ul>
</div>
<div class="page" style="font-size:14px; height:50px; padding-top:20px; padding-left:10px;height:25px;">{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}<li id="clear"></li></div></div>

相关CSS如下：
.rig-com-cen{ width:737px; border:1px solid #c9c9c9; border-top:none; height:auto; padding:6px 0; line-height:25px;}
.rig-com-cen p{ padding-left:5px; padding-right:5px; line-height:25px;}

.new2-menu{ border-top:none; height:auto; overflow:hidden; padding-bottom:5px; line-height:28px; width:99%; margin-top:10px;}
.new2-menu ul{ border-top:none; height:auto; overflow:hidden; padding-bottom:5px; line-height:28px; width:95%; margin-left:20px; margin-top:10px; list-style:none;}
.new2-menu ul li{ background:url(../images/26.gif) no-repeat left center; border-bottom:1px dotted #d6d6d6; line-height:30px; padding-left:10px; list-style-type:none; }
.new2-menu ul li a{ margin-left:8px;}

这是我现在的效果图：

我希望取得一个效果是把标题挪上去，然后留出的空白处放文章的摘要，请问如何做到？

Answer 1

你这个调用的是图片集，试试下面这个， pagesize='10'这个可以修改一页的文章数：
{dede:list pagesize='10'}
<li> [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
[<b>[field:typelink/]</b>] <a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="info"> <small>日期：</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>点击：</small>[field:click/] <small>好评：</small>[field:scores/] </span>
<p class="intro"> [field:description/]... </p>
</li>
{/dede:list}

追问

怎么感觉怪怪的？好评：[field:scores/] 是什么？？class='preview'是什么样式？还需要另外在css文件定义样式吗

追答

你直接在标题后面加一个段落放[field:description/] 应该就可以了吧

Answer 2

这个是样式问题，在你的基础上再加这些
.new2-menu li { clear:both; overflow:hidden;}
.new2-menu li img { float:left; display:inline; margin-right:10px;}
主要设置图片 float:left 就可以解决了
希望能帮到您，谢谢！

追问

可否更详细？把变更后的css整个贴出来

追答

.new2-menu ul li{ background:url(../images/26.gif) no-repeat left
center; border-bottom:1px dotted #d6d6d6; line-height:30px;
padding-left:10px; list-style-type:none;clear:both; overflow:hidden;}

把下面这段加到 .new2-menu ul li的下面
.new2-menu li img { float:left; display:inline; margin-right:10px;}

追问

还真的已经弄到上面去了！！谢谢！不过请问怎样在题目下面多余的空白处去插入摘要？

追答

你上面那写法是对的，直接把简介输入出来就对了

追问

不明白什么叫做直接输入出来。。肯定不能手动输入啊亲。。要调用这个文章的摘要吧
我打算deda.field:description。但是不知道放哪个代码位置。。请问能否百度hi或QQ等指教？谢了

追答

{dede:list pagesize='10'}
    <li> [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]
     <a href="[field:arcurl/]" class="title">[field:title/]</a>
     <p class="intro"> [field:description/]... </p>
    </li>
{/dede:list}

这样就可以了