您现在的位置:首页 >> 前端 >> 内容

织梦列表页分页错位(分页显示竖排)

时间:2013/5/27 16:07:59 点击:

  核心提示:解决办法:列表页分页代码:p class=dede_pagesul class=pagelist{dede:pagelist listitem=info,index,end,pre,next,page...

解决办法:
列表页分页代码:
<p class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</DIV>

调用样式添加:
.dede_pages{
text-align:right;
}
.dede_pages ul{
 float:right;
 padding:12px 0px 12px 16px;
}
.dede_pages ul li{
 float:left;
 font-family:Tahoma;
 line-height:17px;
 margin-right:6px;
 border:1px solid #E9E9E9;
}
.dede_pages ul li a{
 float:left;
 padding:2px 4px 2px;
 color:#555;
 display:block;
}
.dede_pages ul li a:hover{
 color:#690;
 text-decoration:none;
 padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
 background-color:#F8F8F8;
 padding:2px 4px 2px;
 font-weight:bold;
}
.dede_pages .pageinfo{
 line-height:21px;
 padding:12px 10px 12px 16px;
 color:#999;
}
.dede_pages .pageinfo strong{
 color:#555;
 font-weight:normal;
 margin:0px 2px;
}

作者:网络 来源:不详