织梦列表页分页错位(分页显示为竖排)的解决方法
织梦列表页分页错位(分页显示为竖排)的解决方法
发布时间:2016-12-26 来源:查字典编辑
摘要:解决办法:列表页分页代码:{dede:pagelistlistitem="info,index,end,pre,next,pageno,op...

解决办法:

列表页分页代码:

<div>

<ul>

{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;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新dedecms学习
热门dedecms学习
CMS教程子分类