<table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
  <tr>
    <td align="center">
      <div align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           TEXT
          </a>
        </font>
      </div>
    </td>
  </tr>
</table>
<table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
  <tr>
    <td align="center">
      <div align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           Text
          </a>
        </font>
      </div>
    </td>
  </tr>
</table>

There is my html code, for 2 tables for my website. The issue I have is that when I view the page it shows one table(box) under the other. What im wanting it to look like is make a row of them, from left to right.

Any ideas why its putting them under each other?

Why not just put them both into one table?

<table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
  <tr>
    <td align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           TEXT
          </a>
        </font>
    </td>
  </tr>
  <tr>
    <td align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           Text
          </a>
        </font>
    </td>
  </tr>
</table>

i have a similar problem

<td width="490" valign="top">
 <table width="80%" height="90%" bgcolor="#FFFFFF" cellpadding="15" cellspacing="0" style="border: solid 5px darkblue;">
<tr>
<td>
Thank you for your help.
<hr color="darkblue" size="4">
i am a proud member of 411domain.com
</td>
</tr>
</table>
<td width="490" valign="top">
 <table width="20%" height="90%" bgcolor="#FFFFFF" cellpadding="15" cellspacing="0" style="border: solid 5px darkblue;" align="right">
<tr>
<td>
<br>
Thanks again
<br>
<br>
<hr>
<br>
:)
<br>
</td>
</tr>
</table>
<br />

the screenshot of it

i would like them side by side