Я хочу нумерацию страниц внизу, это показано на правой стороне

Проблема в том, что я использую нумерацию страниц на своем сайте, но на самом деле пагинация отображается в нижнем колонтитуле. Но на моем сайте это показано справа на моей странице. Ребята, не могли бы вы мне помочь?

Вы можете увидеть скриншот для лучшего понимания.

введите описание изображения здесь


Вот код

<table class="table table-bordered">
<thead>

<?php

if(isset($_GET['page'])){
$page = $_GET['page'];
}
else{
$page = 1;
}
if($page ==''||$page == 1){
$page1 = 0;
}
else{
$page1 = ($page*10)-10;
}
$sql = 'select * from divlink ORDER BY Name ASC Limit '.$page1.', 12';
$data = $connect->query($sql);

//print_r($data ->fetch_all());

while($row = mysqli_fetch_array($data)){
$image  = $row['image'];
$Name = $row[0];
$Description = $row[1];
$Price = $row[2];
$ExpirtyDate = $row[3];
$Facebook = $row[4];
$Twitter = $row[5];
$Telegram = $row[6];
$Gmail = $row[7];
$Youtube = $row[8];
$Reddit = $row[9];
$Meduim = $row[10];
$Myetherwallet = $row[11];
$neowallet = $row[12];
$Bitcointalk = $row[13];
$divicon = $row[14];
$kyc = $row[15];
$id = $row['id'];
$Rating = $row[17];

//echo "<a href=''><div id='one' class='bordered' width='650px'><img src='{$Name}' class='imgss'/>{$Description}<p align='left'>{$id}</p><p align='right'>{$Price}</p><img src='{$Facebook}'width='20' height='20'><img src='{$Twitter}'  width='20' height='20' align='right'/> <img src='{$Gmail}'  width='20' height='20' align='right'/><img src='{$Youtube}'  width='20' height='20' align='right'/><img src='{$Reddit}'  width='20' height='20' align='right'/><img src='{$Meduim}'  width='20' height='20' align='right'/><img src='{$Myetherwallet}'  width='20' height='20' align='right'/><img src='{$neowallet}'  width='20' height='20' align='right'/><img src='{$Bitcointalk}'  width='20' height='20' align='right'/<img src='{$kyc}'  width='20' height='20' align='right'/>1<div id='circle'></div></a><input type='button' value='Like' name='click' class = 'block'>";
echo "<a href=''><div id='one' class='bordered' width='650px'><img src='{$image}' class='imgss'/><p align='left'><center>{$Name}<br>{$Description}<br>{$Price}</center></p><p align='right'>{$ExpirtyDate}</p><center><img src='{$Rating}'/></center><br><img src='{$Facebook}'width='20' height='20'align='left'><img src='{$Twitter}'  width='20' height='20' align='left'/> <img src='{$Gmail}'  width='20' height='20' align='left'/><img src='{$Youtube}'  width='20' height='20' align='left'/><img src='{$Reddit}'  width='20' height='20' align='left'/><img src='{$Meduim}'  width='20' height='20' align='left'/><img src='{$Myetherwallet}'width='20' height='20' align='left'/><img src='{$neowallet}'width='20' height='20' align='left'/><img src='{$Bitcointalk}'  width='20' height='20' align='left'/<img src='{$kyc}'  width='20' height='20' align='left'/>
<form method='post' action=''><input type='hidden'  name='link_id' value='".$id."' /><input type='submit' name='like_button' value='Like' name='click' class = 'block'></form>

";



echo "</tr>";
echo"</div>";
echo'</td>';



}
?>
<?php
//pagination
$sql = 'select * from divlink';
$data = $connect->query($sql);
$record = $data->num_rows;
$records_pages = $record/12;
$records_pages = ceil($records_pages);
$prev = $page-1;
$next = $page+1;

echo'<ul class="pagination">';

if($prev >= 1) {

echo '<li><a href="?page='.$prev.'">prev</a></li>';
}


if($records_pages >=2){
for($r=1;$r<=$records_pages;$r++){
$active = $r == $page ? 'class ="active"' : '';
echo'<li><a href="?page='.$r.'">'.$r.'</a></li>';

}
}
if($next <= $records_pages && $records_pages >= 2) {

echo '<li><a href="?page='.$next.'">next</a></li>';
}
if($page != $records_pages && $records_pages >= 5){
echo '<li><a href="?page='.$records_pages.'">Last</a></li>';
}

echo '</ul>';


?>
</section>

0

Решение

Заверните коробки в контейнер следующим образом:

<div class="container"> <a></a> <a></a> <a></a> </div>

И тогда под div вы можете разместить свою нумерацию страниц

<div></div> <ul class="pagination"></ul>
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]