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

当前位置 : 首页 > 网页制作 > CSS > 织梦列表页分页错位(分页显示竖排)

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

来源: 作者: 时间:2016-02-16 10:04
解决办法:列表页分页代码:div class=dede_pagesul class=pagelist{dede:pagelist listitem=info,index,end,pre,next,pageno,option listsize=5/}/ul/DIV调用样式添加:.dede_pages{text-a...

解决办法:
列表页分页代码:
<div 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;
}

Tag:
网友评论

<