Two Tables!!!

i have a problem I would lik these two tables to be side be side
is this possible?

<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 />

Code (markup):

the screenshot of it

 

From what I can tell, you are not ending this TD

<td width="490" valign="top">

You need to end it before your begin the second table.

That should make it appear next to ethe other one.

 

TD's don't have to be ended according to the HTML spec (not a good style, though).

Tables are block-level elements and will take up the entire width of the parent element (e.g. the viewport), even if they are shorter than this width. If you want one table to follow another, you can put them in yet another table or you can use some other CSS techniques. For example, making the first table float will put the next one on the same line:

<table style="width: 100px; height: 100px; border: 1px solid red; float: left;">
<tr><td></td></tr>
</table>

<table style="width: 100px; height: 100px; border: 1px solid blue;">
<tr><td></td></tr>
</table>

J.D.

 

i got it thanx.
now how do i remove one border from the right sidde of a table
e.g.
_______________
| ```````````` < no border here
| ```````````` < no broder on this side
|````````````` < "
|````````````` < "
|______________< "

 

use, border-left-x, border-right-x, border-top-x, border-bottom-x to draw individual borders:

table.t1 {border: 1px solid red; border-right-style: none;}

Here's some reading material:

http://www.w3.org/TR/CSS21/box.html#border-style-properties