Home  >  Article  >  CMS Tutorial  >  What should I do if the paging on the Dreamweaver list page is misaligned (the paging is displayed vertically)

What should I do if the paging on the Dreamweaver list page is misaligned (the paging is displayed vertically)

藏色散人
藏色散人Original
2019-12-13 09:38:341587browse

What should I do if the paging on the Dreamweaver list page is misaligned (the paging is displayed vertically)

What should I do if the pagination of the Dreamweaver list page is misaligned (the pagination is displayed vertically)?

The pagination of the Dreamweaver list page is misaligned, and the pagination is displayed vertically. I believe many friends have encountered this situation. I will share with you the specific solution below for those who are interested. You can refer to Ha

Recommended learning: 梦Weavercms

Solution:

List Page pagination code:

The code is as follows:

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

Call style addition:

The code is as follows:

.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 above is the detailed content of What should I do if the paging on the Dreamweaver list page is misaligned (the paging is displayed vertically). For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn