Question

求助！关于CSS的问题，DEDE仿站的时候出现的

<div class="m10">
<dl class="all_list">

<dt>
{dede:arclist typeid=1 row=10 channelid=1 titlelen=40 orderby='pubdate' }

<a href='[field:arcurl/]'>[field:title/]</a><div class="all_list span">([field:pubdate function=MyDate('m-d',@me)/])</span> <br/>

{/dede:arclist}
</dt>
</dl>
</div>
</div>
如图，我想要的效果是右边的时间和左边的文章列表对齐，但是他现在错行了，找了很多方法都没有解决，请问该怎么弄啊 听说float 前面不可以有元素 否则会被排挤，要放前面，但是放前面 显示出来的效果就是时间在前了，而且是乱的。这是调用到的CSS里的代码
.all_list{margin:0;padding:0;background:url(../images/2009.gif) -86px 6px no-repeat;}
.all_list dt{line-height:25px;padding-left:20px;}
.all_list b a{color:#36A831;}
.all_list b a:hover{color:#f30;}
.all_list span{float:right;}
.all_list div{color:#999;line-height:15px;}

Answer 1

1。是不是没有<span>开始标签，光看到</span>了。
2。还有，{dede:arclist typeid=1 row=10 channelid=1 titlelen=40 orderby='pubdate' }
<a href='[field:arcurl/]'>[field:title/]</a><div class="all_list span">([field:pubdate function=MyDate('m-d',@me)/])</span> <br/>
{/dede:arclist} 这段代码是循环遍历吧？你加了个这个<br/>，也就是说每一行都会换行。去掉<br/>标签试试。

Answer 2

.all_list{margin:0;padding:0;background:url(../images/2009.gif) -86px 6px no-repeat;}
.all_list dt{line-height:25px;padding-left:20px;}
.all_list b a{color:#36A831;float:left}
.all_list b a:hover{color:#f30;}
.all_list span{float:right;}
.all_list div{color:#999;line-height:15px;}

Answer 3

我昨天才做了一个dede 仿站。把我的代码发给你试试：
<div class="col">
<h2><strong><a href="/a/Javascript/">www.qutzs.com(去看看效果)</a></strong><span class="more"><a href="/a/Javascript/">更多...</a></span></h2>
<ul>
{dede:arclist titlelen='38' row='8' typeid='3'channelid=''}
<li><span>[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
{/dede:arclist}
</ul>
</div>
.col {
width:314px;
height:240px;
float:left;
margin-left:6px;
margin-bottom:8px;
_margin-bottom:6px;
border-right:1px solid #a7e9ff;
border-left:1px solid #a7e9ff;
border-bottom:1px solid #a7e9ff;
}
.col h2 {
height:30px;
line-height:30px;
text-indent:15px;
background:url(../images/title_bg.jpg) repeat-x left top;
}
.col h2 strong {
width:140px;
height:30px;
float:left;
font-size:14px;
font-weight:bold;
}
.col h2 span {
width:60px;
height:30px;
text-align:left;
display:block;
float:right;
}
.col ul {
margin-top:10px;
}
.col ul li {
float:left;
width:294px;
height:24px;
margin-left:8px;
line-height:24px;
text-indent:15px;
background:url(../images/arrow6.gif) no-repeat left center;
}
.col ul li span {
float:right;
width:45px;
}

Answer 4

{dede:arclist typeid=1 row=10 channelid=1 titlelen=40 orderby='pubdate' }

<a href='[field:arcurl/]'>[field:title/]</a><span>([field:pubdate function=MyDate('m-d',@me)/])</span>

{/dede:arclist}