Click to See Complete Forum and Search --> : Help Please


lunitari_8100
06-16-2003, 01:42 AM
I have 2 tables that I want to put right next to each other. But I can't figure out how to do it...when I try the one table always ends up under the other one or something weird. I think it's cause at the end of the first table I need to take out some of the close tags or something to get it to go next to it but I'm not sure. Can someone tell me how to put this table on my page twice one right next to the other..

<table width="200" valign="top" height="100%" cellpadding="5"

cellspacing="10" border="5" bordercolor="#FFFFFF" background="http://www.boomspeed.com/

midillusions/primblubk2.gif" bgcolor="">
<table width="200" height="200" background="http://www.boomspeed.com/midillusions/primblubk

2.gif" border="3" align="center"><tr><td><table width="100%">
<tr>
<td colspan="2"><center><font color="#000000"><font size="4"><u>Admins</u></td>
</tr>
<tr><td>&nbsp;</td></tr></p>
<tr>
<td valign="left"><font color="#000000"><font size="2"><b>bad_b_good</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=bad_b_good&.

src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=bad_b_good&m=g&t=0"></a>
</td>
</tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>berniekitten</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=berniekitten&.

src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=berniekitten&m=g&t=0"></a>
</td>
</tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>millenniumsweetie2001</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=

millenniumsweetie2001&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=millenniumsweetie2001&m=g&t=0"></a>
</td>
</tr>
<tr>
<td colspan="2"><center><font color="#000000"><font size="4"><u>Head TDs</u></td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr>
<td valign="left"><font color="#000000"><font size="2"><b>betsy764</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=betsy764&.src=

pg">
<img border=0 src="http://opi.yahoo.com/online?u=betsy764&m=g&t=0"></a>
</td>
</tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>bobandtomshowrocks</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=

bobandtomshowrocks&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=bobandtomshowrocks&m=g&t=0"></a>
</td>
</tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>coolelle2002</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=coolelle2002&.

src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=coolelle2002&m=g&t=0"></a>
</td>
</tr>
<tr>
<td valign="left"><font color="#000000"><font size="2"><b>honeybearat36</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=honeybearat36&

.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=honeybearat36&m=g&t=0"></a>
</td></P>
<P></tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>lippie_4us2003</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=lippie_4us2003

&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=lippie_4us2003&m=g&t=0"></a>
</td>
</tr><tr>
<td valign="left"><font color="#000000"><font size="2"><b>lunitari_8100</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=lunitari_8100&

.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=lunitari_8100&m=g&t=0"></a>
</td>
</tr>
<tr>
<td align="left"><font color="#000000"><font size="2"><b>par_3_gal</td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=par_3_gal&.src

=pg">
<img border=0 src="http://opi.yahoo.com/online?u=par_3_gal&m=g&t=0"></a>
</td>
</tr>
<tr>
<td align="left"><font color="#000000"><font size="2"><b>trick_killer2003</b></td>
<td align="right"><a href="http://edit.yahoo.com/config/send_webmesg?.target=trick_killer

2003&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=trick_killer2003&m=g&t=0"></a>
</td>
</tr>
</tr>
</table>
</td>
</tr>
</table></table>

Hester
06-16-2003, 04:01 AM
The best way might be to place your tables inside another table that has no borders or padding. Then use a cell for each table.

InternetAdSales
06-16-2003, 11:17 AM
Howdy lunitari,

Hester's method will work. If you don't want to nest the tables, just define the first one to be left-aligned and make sure that the combined width of the two tables is smaller than the browser screen size on which you expect it to be displayed.

Cheers,

Bela

spufi
06-16-2003, 03:10 PM
The tables are already nested and they are done in a way that I'm not sure what the two tables really are. You basically have three tables displaying one table worth of information. My question is, what are the two tables? I can see the "Admins" and "Head TDs" as each being "tables," but they are both in the same table. Do you want those listed side by side? If so you only need one table. If you want the whole three tables duplicated and placed besides the origianl one, then it again can all be done in one, non-nested, table. Let me know what the two tables are and I'll show you the code to your answer.

PeOfEo
06-16-2003, 03:51 PM
It seems to me like you could redo this as one big table but using row span and colspan but i cant really tell.