织梦列表页分页错位(分页显示为竖排)怎么办

织梦列表页分页错位(分页显示为竖排)怎么办

织梦列表页分页错位(分页显示为竖排)怎么办?

织梦列表页分页错位,分页显示为竖排这种情况想必有很多的朋友都有遇到过吧,下面与大家分享下具体的解决方法,感兴趣的朋友可以参考下哈

推荐学习:织梦cms

  

解决办法: 

列表页分页代码: 

代码如下:

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

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享