بسم الله الرحمن الرحيم عملت تعدد صفحات الاستعلام ولكن ارقام الصفحات تظهر هكذا كما في الصورة

اريد في صفحة الاستعلام الاولى ان يظهر عشر صفحات وعند الضغط على الصفحة العاشرة تختفي النتئائج العاشرة الاولى ويظهر النتئاج من 10 ارقام ألى 20 وهكذا وهذا هو كود تعدد الصفحات
<?
if(!isset($_GET["page"]))
{
$page=1;
}
else
{
$page= intval($_GET['page']);
}
$max=2;
$from=($max*$page)-$max;
$sql = mysql_query("select * from box_scripts order by id");
$num_sql = mysql_num_rows($sql);
$sql1 = mysql_query("select * from box_scripts order by id desc limit $from,$max");
$num_sql1 = mysql_num_rows($sql1);
$pages=ceil($num_sql/$max);
$num = mysql_num_rows($sql);
while($row = mysql_fetch_array($sql1) ){
$id = $row["id"];//حقل الترقيم
$sname= $row["sname"];//حقل اسم السكربت
$sdescr = $row["sdescr"];//حقل وصف السكربت
$simg = $row["simg" ] ;// حقل صورة السكربت
if (isset($sname)) {
echo "<table cellpadding='4' cellspacing='3' style='width: 50%' id='box'>
<td class='head'>$sname</td>
<tr class='boxs'>
<td>$simg</td>
<td>$sdescr</td>
</tr>
</table>";
}
}
if($page>1)
{
$prev=$page-1;
echo"<span id=dis><a href=?start=box/box1&page=".$prev.">الخلف</a></span>";
}
for($i=1;$i<=$pages;$i++)
{//شكل عرض رقم الصفحة عند الضغط
if($page==$i) echo"<div id='num'>$i</div>";
else
{//شكل عرض ارقام التنقل بين الصفحات
echo"<div id='num'><a href=?start=box/box1&page=".$i.">$i</a></div>";
}
}
if($page<$pages)
{
$next=$page+1;
echo"<span id=dis><a href=?start=box/box1&page=".$next.">التالي</a></span>";
}
?>وكود css
span#dis{
padding:4;
color: #000;
background-color: #FFF;
display:block;
display:inline-block;
alignment-adjust: central;
box-align: center;
}
#dis a{
padding:4;
color: #3666D4;
background-color: #fff;
display:block;
display:inline-block;
text-decoration:none;
border: solid 1px #CCDBE4;
}
#dis a:hover{
text-decoration: none;
padding:4;
color: #FFF;
background-color: #3C6EE0;
border: solid 1px #2B55AF;
display:block;
display:inline-block;
}
#num {
padding: 4;
display:block;
display:inline-block;
text-decoration:none;
border: 1px solid #CCDBE4;
}