Date: 06/27/06 (WebDesign)    Keywords: no keywords

Hello,
I am having a problem with some tables. I believe that a table is a block level element and therefore anything following it should be underneath it. Unless its another table! There is something fundamental that I missing and I hope you can tell me what it is.

I would think that the table with the class of list would be under the table with a class of jumplist. They are both inside of a containing td tag. So why is the jumplist to the left of the list? The tops are even with each other.

Here is the code:
<form class="jumpList" action="/vipservices/admin/companies.php" method="POST" name="sortBy"> <table align="left" class="jumpList"> <tr> <th class="form">Sort By: </td> <td><select name="sort_by" > <option value="false">Default</option> <option value="Company">company</option> <option value="Contact">contact</option> <option value="Phone">phone</option> <option value="Fax">fax</option> <option value="Email">email</option> </select> </td> </tr> <tr> <td></td> <td style="text-align: left"></td> </tr> </table> </form> <TABLE class="list" align="center"> <TR bgcolor=#EEEEEE > <TD class="listHead">Company</TD> <TD class="listHead">Contact</TD> <TD class="listHead">Phone</TD> <TD class="listHead">Fax</TD> <TD class="listHead">Email</TD> <TD class="listHead">Active</TD> <TD class="listHead">Edit</TD> <TD class="listHead">Delete</TD> </TR> <TR bgcolor=#DDDDDD > <TD >John's</TD> <TD >John</TD> <TD >789 456 1236</TD> <TD >125 785 4598</TD> <TD >bstyblonde@aol.com</TD> <TD ><a href="companies.php?action=list&company_id=0000000001& status=N">Inactive</a></TD> <TD ><a href="companies.php?action=edit&company_id=0000000001"><img src="graphics/edit.gif" /></a></TD> <TD ><a href="companies.php?action=delete&company_id=0000000001" onClick="return confirm('Are you sure you want to delete the record?')"><img src="graphics/delete.gif" /></TD> </TR> <TR bgcolor=#EEEEEE > <TD >Bobs</TD> <TD >bob</TD> <TD >812 323 2345</TD> <TD >786 890 0987</TD> <TD >bob@bob.com</TD> <TD ><a href="companies.php?action=list&company_id=0000000002& status=N">Inactive</a></TD> <TD ><a href="companies.php?action=edit&company_id=0000000002"><img src="graphics/edit.gif" /></a></TD> <TD ><a href="companies.php?action=delete&company_id=0000000002" onClick="return confirm('Are you sure you want to delete the record?')"><img src="graphics/delete.gif" /></TD> </TR> <TR bgcolor=#DDDDDD > <TD >BJ Plumbing</TD> <TD >Barry</TD> <TD >987 789 9999</TD> <TD >987 890 0987</TD> <TD >Barry@bjplumbing.com</TD> <TD ><a href="companies.php?action=list&company_id=0000000003& status=N">Inactive</a></TD> <TD ><a href="companies.php?action=edit&company_id=0000000003"><img src="graphics/edit.gif" /></a></TD> <TD ><a href="companies.php?action=delete&company_id=0000000003" onClick="return confirm('Are you sure you want to delete the record?')"><img src="graphics/delete.gif" /></TD> </TR> </TABLE>

Source: http://community.livejournal.com/webdesign/1130938.html