align tables

[onthespot]

Hey guys, i have 3 tables that I want to align like

1 2 3

at the moment they are

1

2

3

any ideas, here is the code i have

 

<form action="process.php" method="POST" class="style1">
<table width="20%" style='border: 1px dotted;' bgcolor="#eeeeee" cellspacing="0" cellpadding="3">

<tr>
   <td>Xbox 360 GT:</td>

</tr>
<tr>
   <td><input type="text" name="x360gt" value="x360" /></td>
   <td></td>
</tr>

<tr><td colspan="2" align="right">
<input type="hidden" name="subedit1" value="1">
<input type="submit" value="Edit Gamertag"></td></tr>

</table>
</form>

<br>
<form action="process.php" method="POST" class="style1">

<table  width="20%" style='border: 1px dotted;' bgcolor="#eeeeee" cellspacing="0" cellpadding="3">

<tr>
   <td>PS3 GT:</td>
</tr>
<tr>
   <td><input type="text" name="ps3gt" value="ps3" /></td>
   <td></td>
</tr>

<tr><td colspan="2" align="right">
<input type="hidden" name="subedit2" value="1">
<input type="submit" value="Edit Gamertag"></td></tr>

</table>
</form>
<br>
<form action="process.php" method="POST" class="style1">
<table width="20%" style='border: 1px dotted;' bgcolor="#eeeeee" cellspacing="0" cellpadding="3">

<tr>
   <td>PC GT:</td>
</tr>
<tr>
   <td><input type="text" name="pcgt" value="pc" /></td>
   <td></td>

</tr>
<tr><td colspan="2" align="right">
<input type="hidden" name="subedit3" value="1">
<input type="submit" value="Edit Gamertag"></td></tr>

</table>
</form>

 

Could anyone help me out please

[infiniteacuity]

Most people will yell at you for not using <div> tags. However, you can create another table around your 3 tables and place each one of those into a separate column tag within the main table row.

[haku]

Nested tables are really not good, as they are one of the biggest things that slows down browsers.

 

As to the question, I actually answered the identical question just yesterday!

 

http://www.phpfreaks.com/forums/index.php/topic,265297.0.html

 

Follow the directions in there.