pagination content

Go To


I am trying to do pagination for my forum. I am trying to get the results to show from the db, although everything is everywhere.

here is my code:

<!-- start with the table -->
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<td width="53%" align="center" bgcolor="#E6E6E6" style="padding:5px;"><strong>Topic / Thread Starter</strong></td>
<td width="15%" align="center" bgcolor="#E6E6E6" style="padding:5px;"><strong>Replies/Views</strong></td>
<td width="13%" align="center" bgcolor="#E6E6E6" style="padding:5px;"><strong>Last Post By</strong></td>

                <div id="p1" class="pagedemo _current" style="">

$sql="SELECT * FROM forum ORDER BY datetime DESC";
$i = 1;
$z = 1; 

while($rows = mysql_fetch_array($result)){ // Start looping table row 
    if(($i % 4) != 0) 
    { ?>
<td bgcolor="#FFFFFF" style="padding:5px;"><a class="normal" href="view_topic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></a><br /><span style="color:#666; font-size:12px;">Started By <?php echo "<a class='normal' href='".getID($rows[username])."'>"; ?> <? echo $rows['username']; ?></a></span></td>
<td align="center" bgcolor="#FFFFFF">Replies: <? echo $rows['reply']; ?><br />Views: <? echo $rows['view']; ?></td>
<td align="center" background=""><span style="color:#666; font-size:12px;">
<?php echo "<a class='normal' href='".getID($rows[lastPoster])."'>"; ?> <?php  echo $rows['lastPoster']; ?></a><br /><?php $date = substr($rows['datetime'],0,12);
if($date == date("M d, Y")) { 
    echo "Today, " . substr($rows['datetime'],-8); 
} else {
    echo $rows['datetime'];
}?> </span></td>
        // do whatever for the page... (this is inside the div)
        $message = $row['message'];
        echo $i . " " . $message. "<br>";
        // this is the end of the starting page, and the begining of the next page
        echo '<br>---end---</div>
        <div id="p'.$z.'" class="pagedemo" style="display:none;">---start---<br>NEXT PAGE!!!!!!!'; //



The results, instead of staying in the div, are actually below the div. when I take out everything b/w the <tr> and </tr>, it all fits into the div. What am I doing wrong?

2012-04-04 00:08
by droidus


If you view the source of the page the issue should be apparent. I see a few mistakes that could be the problem.

The TABLE at the top of the snippet ends the TR tag then a DIV starts. A DIV should only reside within a TD, TH or outside the TABLE. Also in the snippet you provided there is no ending table tag. With all the other issues that is probably the one that is messing the browser up.

Please adjust structure to be similar to this:

      <td>Some tags in here(A, DIV, SPAN, etc.)</td>

Also it would be worthwhile to migrate certain attributes to css properties in the style tag. For example the background, bgcolor, align, and width attributes in your snippet.

Sorry if that does not fix the issue its hard to debug without being able to see the issue.

2012-04-04 00:26
by cha55son
so the tr tag is suppose to end there since that is the first row. it is suppose to be static since the content under it is always associated with the heading above. also, the
basically starts off the first pagination page. that is why that is there. the table is in the div tag because the div tag is the pagination page, and the table contains the data that is found on each page - droidus 2012-04-04 01:08
so i guess my main issue at the moment is that the next page is not being displayed when there is suppose to be more content. it's weird, because I end the current div(p1), then open the new div with "---start---
NEXT PAGE!!!!!!!" this shows up, but not any of the stuff in the table (replies, views,etc. - droidus 2012-04-04 01:19
oh, got it. forgot to add $i += 1; in the else statement.. - droidus 2012-04-04 01:26