织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

DedeCMS列表页和内容页分页错位

织梦园模板 / 2020-01-10 / 收藏

dedecms网站列表页和内容页中都会有很多的内容,在列表页是肯定要分页的,如果在内容页中没有很多内容,可以不分页,但是有的时候分页会出现错位的情况,遇到这样的问题可以有两个方法来解决。

方法一:修改css样式

找到网站css代码,增加以下代码:
 

/*列表分页*/
.page_list {padding:3px; margin: 3px; text-align:center}
.page_list a{padding:2px 5px; margin:2px; border:#eee 1px solid; color:#036cb4; text-decoration:none}
.page_list a:hover {border:#999 1px solid; color:#666;}
.page_list a:active {border:#999 1px solid; color:#666;}
.page_list .thisclass {padding:2px 5px; border:#036cb4 1px solid; background-color:#036cb4; font-weight:bold; color:#fff !important; margin:2px}
.page_list .disabled {border: #eee 1px solid; padding:2px 5px; margin:2px; color:#ddd;}
/*文章页分页*/
.pagebreak{line-height:20px;float:left; padding:5px 5px 5px 200px; color:#333; font-size:12px; width:500px;}
.pagebreak li{float:left; margin:0 3px;}
.pagebreak li a{padding:2px 5px; border:#eee 1px solid; color:#036cb4; text-decoration:none}
.pagebreak li a:hover {border:#999 1px solid; color:#666;}
.pagebreak li a:active {border:#999 1px solid; color:#666;}
.pagebreak li.thisclass {background-color:#036cb4; font-weight:bold; color:#FFF;}
.pagebreak li.thisclass a{color:#FFF}

方法二:更改模板文件的调用标签

列表分页的标签是:<div class="page_list">   {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}  </div>
文章页分页标签是:<div class="pagebreak">  {dede:pagebreak/}  </div>

相关标签调用

收缩