Question

I have a simmple HTML table that I just cant seem to fix.

I am trying to display data like so:

                                  <-Previous Next->
                              51 to 100 of 10151 records

Below is the html code. I have taken out the dynamic language part that adds ‘Previous’ depending on what page the user is on:

EDIT: After all the responses I’ve changed the code to following. but still alignment is the same. >_<

<table width="100%" border="0">
<tbody>
    <tr align="center">
       <td bgcolor="#ffffff" color="white" align="center" colspan="2">
       <!--some form elements go here!-->
       <!--I just replaced tags with some text for testing-->
       <font face="Arial" size="2"><strong>Previous</strong></font>
        Previous
       </td>
       <td bgcolor="#ffffff" color="white" align="center" colspan="2">
        Next
       </td>
    </tr>
    <tr align="center">
       <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font>
       </td>
    </tr>
</tbody>
</table>

Expected output is above but what I am getting from the code is:

                 Previous            Next Group   
         51 to 100 of 10151 Households  

I have been doing trial and error for quite some time now so need some help!

Answer 1

Why do you need table cells for both the Previous and Next text? Why not just put them in the same <td>?

<table width="100%" border="0">
  <tbody>
    <tr align="center">
      <td bgcolor="#ffffff" color="white" align="center" colspan="2">
        Previous Next
      </td>
    </tr>
    <tr align="center">
      <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b></font></td>
    </tr>
  </tbody>
</table>

Did I miss a requirement?