织梦分页代码_ 织梦列表页分页错位（分页显示竖排）解决方案

1、首先，我们先看下列表页分页调用的代码：

1.  

   {dede:list pagesize='11'}
 <li><span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:list}
             
</ul>
 </div>
 <div class="dede_pages">
  <ul class=pagelist>
{dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
 </ul>
</div>
<!-- end pages -->

 

 

以上代码中的

1.    

 {dede:list pagesize='11'}
     
  <li><span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
   {/dede:list}

 

是文章列表页调用文章标签，主要用到{dede:list pagesize='11'}标记。

织梦的分页标签是以下代码：

1.     

<div class="dede_pages">
    <ul class=pagelist>
    {dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
   </ul>
     </div>
    <!-- end pages -->

 

我们在仿站的过程中，只需要将以上织梦分页代码覆盖原代码中的分页代码即可。

     然而在覆盖织梦的分页代码之后出现错位，分页显示为竖排这种情况想必有很多的朋友都有遇到过吧，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下哈。


首先，我们打开调用样式表css ，也就是列表页用到的css样式表，在css里的最下面复制粘贴一下代码

1.     

.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列表页分页错位（织梦分页竖排）的问题。