A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 源码技巧 > 父类数据 > 织梦列表页分页错位(分页显示为竖排)的解决方

织梦列表页分页错位(分页显示为竖排)的解决方

时间:2013-06-28 17:50作者:秩名人气:275

列表页分页代码: 

代码如下:

<div class="dede_pages"> 

<ul class="pagelist"> 

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

标签织梦,列表,分页,错位,显示,竖排,解决,列表,分页,代码

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号