欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 织梦教程 > DedeCMS列表页和内容页分页错位

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

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

发布时间:2020-09-09  

在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>

本文标签

: