Numaralandırma Linkler Styling

0 Cevap php

Aşağıdaki sayfalama kod gayet güzel çalışıyor. Ancak, CSS ile bir sorun yaşıyorum. Kullanıcı sayfa 1 olduğu zaman istediğiniz yerde pagination bağlantıların konumu gerçekten sadece görüntüler. Bu tarayıcının üst 2800 piksel.

N yoluyla sayfalar 2 için, ben paginating ediyorum HTML tablosunun alt ve sayfa bağlantıları arasındaki boşluk yaklaşık 100 ekstra piksel var. (IE bağlantılar tarayıcının üst yaklaşık 2900 piksel vardır.)

Sayfa n (son sayfa) üzerine, sayfalama bağlantıları tarayıcı üstünden yaklaşık 5600 piksel olarak görünür. Bu benim paginating ediyorum HTML tablosunun alt ve bağlantıları kendileri arasındaki boşluk bir çok ekler.

Ben ne olursa olsun kullanıcı ne sayfası tarayıcınızın üst bağlantılar 2800 piksel yapmak nasıl herhangi bir fikir?

Teşekkür peşin,

John

Sayfalama kodu:

if ($currentpage > 1) {   
   echo " <div class='pages'><a href='http://www...com/phoenix/index.php?currentpage=1' class='links'><<</a></div> ";  
   $prevpage = $currentpage - 1;  
   echo " <div class='pages'><a href='http://www...com/phoenix/index.php?currentpage=$prevpage' class='links'><</a></div> ";  
} 
for ($x = ($currentpage - $range); $x < (($currentpage + $range) + 1); $x++) {  
   if (($x > 0) && ($x <= $totalpages)) {  
      if ($x == $currentpage) {  
         echo " <div class='pages'>[<b>$x</b>] </div>";  
      } else {  
     echo " <div class='pages'><a href='http://www...com/phoenix/index.php?currentpage=$x' class='links'>$x</a></div> ";  
      } 
   } 
}  
if ($currentpage != $totalpages) {   
   $nextpage = $currentpage + 1;  
   echo " <div class='pages'><a href='http://www...com/phoenix/index.php?currentpage=$nextpage' class='links'>></a></div> ";  
   echo " <div class='pages'><a href='http://www...com/phoenix/index.php?currentpage=$totalpages' class='links'>>></a></div> ";  
} 

CSS:

.pages
    {
    color: #000000;
    overflow: hidden;
    display: block;
    float: left;
    margin: 4px;
    margin-top: 2800px;
    margin-bottom:0px;
    margin-left: 10px;
    padding-bottom: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }       


 a.links:link {
    color: #004284; text-decoration: none;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:visited {
    color: #004284; text-decoration: none;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:active {
    color: #004284; text-decoration: none; 
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:hover {
    color: #FFFFFF; text-decoration: none; 
    background-color: #004284;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }   

0 Cevap