I was able to place 2 tables side-by-side but now the problem is the first table has less rows than the second one so it is coming in the center of the one big table. I want to start from the leftmost position. I tried using valign and align but it did not work. The code I have written is something like this....
<html>
<body>
<form>
<table cellpadding=5 cellspacing=5>
<tr>
<td>
<table border=1>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
</td>
<td>
<table valign='top' border=1>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Please help....
<html>
<body>
<form>
<table cellpadding=5 cellspacing=5>
<tr>
<td>
<table border=1>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
</td>
<td>
<table valign='top' border=1>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Please help....