Log in with LINE
ตอนนี้ที่ทำได้ตัวแบ่งหน้า (pagination) ยังอยู่ฝั่งซ้ายของหน้าเว็บ ดังรูป
โค้ดหน้า index.php
โค้ด: เลือกทั้งหมด
<link rel = "stylesheet" type = "text/css" href = "style1.css" >
<div class="pagination-toolbar clearfix text-center">
<ul>
<li class="pagination-start"><span class="pagenav">เริ่มต้น</span></li>
<li class="pagination-prev"><span class="pagenav">ก่อนหน้า</span></li>
<li><a href="" class="pagenav">1</a></li>
<li><a href="" class="pagenav">2</a></li>
<li><a href="" class="pagenav">3</a></li>
<li><a href="" class="pagenav">4</a></li>
<li><a href="" class="pagenav">5</a></li>
<li class="pagination-next"><a title="" class="hasTooltip pagenav" data-original-title="ต่อไป">ต่อไป</a></li>
<li class="pagination-end"><a title="" class="hasTooltip pagenav" data-original-title="สุดท้าย">สุดท้าย</a></li>
</ul>
</div>
<br/><br/>
<p class="counter">
หน้าที่ 1 จาก 2
</p>โค้ด CSS
โค้ด: เลือกทั้งหมด
.pagination-toolbar ul:not(.pagination-list) li > a, .pagination-toolbar ul:not(.pagination-list) li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: 0px;
line-height: 1.42857143;
color: #000066;
text-decoration: none;
background-color: #fff;
border: 1px solid #000066;
}
.pagination-toolbar>ul{
list-style-type: none;
text-align: center
}
.pagination-toolbar li:not(.pagination-start):not(.pagination-prev):not(.pagination-next):not(.pagination-end) > span {
color: #000066;
background-color: #fff;
}
.counter{
text-align: center
}อยากรู้ว่าต้องเพิ่มโค้ดตรงไหนใน CSS บ้างคะ
ขอบคุณค่ะ
