Liam.
10-08-2006, 12:04 PM
Im coding a layout in notepad i've coded all the tables and stuff but I have two tables that need to go side-by-side but them seem to go under each other. Could anyone help? Both the tables are the same heres the two tables codes:
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/template/top_left_white.gif" width="8" height="8"></td>
<td background="images/template/top_white.gif"><img src="images/template/top_white.gif" width="1" height="8"></td>
<td><img src="images/template/top_right_white.gif" width="8" height="8"></td>
</tr>
<tr>
<td width="8" height="13" background="images/template/left_white.gif"><img src="images/template/left_white.gif" width="8" height="1"></td>
<td bgcolor="#FFFFFF" style="padding-top: 2px;" id="content">
<!-- <? echo $category.$page; ?> content -->
<?php
include($category.$page);
?>
<font color="#000000">
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
<br>
<center><img src="images/hd.gif"></center>
<!-- //<? echo $category.$page; ?> content -->
</td>
<td width="8" background="images/template/right_white.gif"><img src="images/template/right_white.gif" width="8" height="1"></td>
</tr>
<tr>
<td><img src="images/template/bottom_left_white.gif" width="8" height="8"></td>
<td background="images/template/bottom_white.gif"><img src="images/template/bottom_white.gif" width="1" height="8"></td>
<td><img src="images/template/bottom_right_white.gif" width="8" height="8"></td>
</tr>
</table>
and
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/template/top_left_white.gif" width="8" height="8"></td>
<td background="images/template/top_white.gif"><img src="images/template/top_white.gif" width="1" height="8"></td>
<td><img src="images/template/top_right_white.gif" width="8" height="8"></td>
</tr>
<tr>
<td width="8" height="13" background="images/template/left_white.gif"><img src="images/template/left_white.gif" width="8" height="1"></td>
<td bgcolor="#FFFFFF" style="padding-top: 2px;" id="content">
<!-- <? echo $category.$page; ?> content -->
<?php
include($category.$page);
?>
<font color="#000000">
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
<br>
<center><img src="images/hd.gif"></center>
<!-- //<? echo $category.$page; ?> content -->
</td>
<td width="8" background="images/template/right_white.gif"><img src="images/template/right_white.gif" width="8" height="1"></td>
</tr>
<tr>
<td><img src="images/template/bottom_left_white.gif" width="8" height="8"></td>
<td background="images/template/bottom_white.gif"><img src="images/template/bottom_white.gif" width="1" height="8"></td>
<td><img src="images/template/bottom_right_white.gif" width="8" height="8"></td>
</tr>
</table>
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/template/top_left_white.gif" width="8" height="8"></td>
<td background="images/template/top_white.gif"><img src="images/template/top_white.gif" width="1" height="8"></td>
<td><img src="images/template/top_right_white.gif" width="8" height="8"></td>
</tr>
<tr>
<td width="8" height="13" background="images/template/left_white.gif"><img src="images/template/left_white.gif" width="8" height="1"></td>
<td bgcolor="#FFFFFF" style="padding-top: 2px;" id="content">
<!-- <? echo $category.$page; ?> content -->
<?php
include($category.$page);
?>
<font color="#000000">
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
<br>
<center><img src="images/hd.gif"></center>
<!-- //<? echo $category.$page; ?> content -->
</td>
<td width="8" background="images/template/right_white.gif"><img src="images/template/right_white.gif" width="8" height="1"></td>
</tr>
<tr>
<td><img src="images/template/bottom_left_white.gif" width="8" height="8"></td>
<td background="images/template/bottom_white.gif"><img src="images/template/bottom_white.gif" width="1" height="8"></td>
<td><img src="images/template/bottom_right_white.gif" width="8" height="8"></td>
</tr>
</table>
and
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/template/top_left_white.gif" width="8" height="8"></td>
<td background="images/template/top_white.gif"><img src="images/template/top_white.gif" width="1" height="8"></td>
<td><img src="images/template/top_right_white.gif" width="8" height="8"></td>
</tr>
<tr>
<td width="8" height="13" background="images/template/left_white.gif"><img src="images/template/left_white.gif" width="8" height="1"></td>
<td bgcolor="#FFFFFF" style="padding-top: 2px;" id="content">
<!-- <? echo $category.$page; ?> content -->
<?php
include($category.$page);
?>
<font color="#000000">
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
Navigation buttons <br>
<br>
<center><img src="images/hd.gif"></center>
<!-- //<? echo $category.$page; ?> content -->
</td>
<td width="8" background="images/template/right_white.gif"><img src="images/template/right_white.gif" width="8" height="1"></td>
</tr>
<tr>
<td><img src="images/template/bottom_left_white.gif" width="8" height="8"></td>
<td background="images/template/bottom_white.gif"><img src="images/template/bottom_white.gif" width="1" height="8"></td>
<td><img src="images/template/bottom_right_white.gif" width="8" height="8"></td>
</tr>
</table>