上部左侧调用一个图片,下部调用一列文字列表带时间

<dl class="tbox">
div class="listbox">
{dede:channelartlist typeid='30,31'}
<dl class="tbox">
<dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</a></span></dt>
<dd>
<div class="channel_img">
{dede:arclist typeid='2' row=1 titlelen=24 type='image.' imgwidth='80' imgheight='60' infolen='60'}
<div class="p">[field:imglink /]</div>
<div class="t"><a href="[field:filename/]" target="_blank">[field:title/]</a>
<p>[field:info/]……</p>
</div>
{/dede:arclist}
<div class="clear"></div>
</div>
<ul class="d1 ico1">
{dede:arclist typeid='2'titlelen='60' row='8'}
<li><span>[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]" target="_blank">[field:title /]</a></li>
{/dede:arclist}
</ul>
</dd>
</dl>  
 
需要调用的css代码 [pre]
/*---------- 首页图文列表一---------*/
.channel {line-height:150%;width:330px;float:left;overflow:hidden;margin-right:6px;} .channel_img {padding:5px 0; border-bottom:1px dotted #efefef; height:70px;}
* html .channel_img { padding:5px 10px 0; } /* IE6 */ *+html .channel_img{ padding:5px 10px 0; } /* IE7 */
.channel_img .p { width:80px; height:60px; float:left; padding-right:6px;} .channel_img .t { width:230px; float:right;}
.channel_img .t p { padding-top:8px; color:#333333} .channel_img .t a {color:#EB6100; font-weight:bold; font-size:14px;}
.channel_img .p a:hover img{
border:1px solid #999; padding:2px;
} .channel_img .p a img{
display:block; border:1px solid #E3E3E3;
padding:2px; } 
[/pre]