Код нумерации страниц работает нормально. Тем не менее, у меня проблема с CSS. Расположение ссылок на страницы в действительности отображается только там, где я хочу, когда пользователь находится на странице 1. Это 2800 пикселей от верхней части браузера.
Для страниц со 2 по n между нижней частью таблицы HTML, которую я разбиваю на страницы, и ссылками на нумерацию страниц есть примерно 100 дополнительных пикселей (И.Е. ссылки находятся примерно в 2900 пикселях от верхней части браузера.)
На странице n (последняя страница), нумерация страниц отображается примерно в 5600 пикселях от верхней части браузера. Это добавляет много пустого пространства между нижней частью HTML-таблицы, которую я разбиваю на страницы, и самими ссылками.
Есть идеи, как сделать ссылки в верхней части браузера на расстоянии 2800 пикселей независимо от того, на какой странице находится пользователь?
Заранее спасибо,
John
Код нумерации страниц:
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;
}