HTML tables - stacking on top of each other

[zeke]

I feel really stupid, but the tables i guess you could call them i don't know the name of what it is, is stacking on top of one of another, take a look www.gamerzrevenge.co.nr , here is part of the script that these tables? were made from

<table width="100%" align="center" border="0"><tr><td>
<div class="tableborder">
<div class='maintitle' align='left'>

Gamerz Revenge

</div>
<table width="100%" border="0" cellspacing="1" cellpadding="4"><tr><td class="row1">

<center>Welcome To Gamerz Revenge!</center>


<OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="145" height="187">
<PARAM name="movie" value="http://gamerzrevenge0.tripod.com/Cubic.swf">
<PARAM name="quality" value="high">
<PARAM name="menu" value="true">
<EMBED src="http://gamerzrevenge0.tripod.com/Cubic.swf" quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="145" height="187">
</EMBED>
</OBJECT><P>
<center><a><B>Help us grow by, submitting a picture, a game .swf file, and joining our message board!</B><a></center>

<table width="100%" align="center" border="0"><tr><td>
<div class="tableborder">
<div class='maintitle' align='left'>

Latest News

</div>
<table width="100%" border="0" cellspacing="1" cellpadding="4"><tr><td class="row1">
<font color="black" size="2" face="Verdana">June 02,2005: We have a new URL, www.gamerzrevenge.co.nr, we have four new pages going up, Videos, Music, Links, and Pictures. You can help us by submitting any of these. !The music is MIDI files, not the real music just sound effects that sound like the real music!</font>

<table width="100%" align="center" border="0"><tr><td>
<div class="tableborder">
<div class='maintitle' align='left'>

Gamerz Revenge Affiliates

</div>
<table width="100%" border="0" cellspacing="1" cellpadding="4"><tr><td class="row1">
<a href="http://www.freedomain.co.nr/" target="_top">
<img src="http://img150.echo.cx/img150/8799/anima6ez.gif" width="88" height="31" border="0" alt="Free Domain Name - www.YOU.co.nr"></a>

how would i make them stop stacking on top of each other and be their on table thingy?

[HTML]

This should be of help http://www.ahfb2000.com/webmaster_he...ead.php?t=4341

Dave

[zeke]

sorry, but that didn't really help

[zeke]

ok i have figured it out by myself *onceagain lol* all i had to was end the tables after every time i made one,

[zeke]

How do you space out tables? i have all mine bunching up and it doesn't look clean. Could some one help me? thanks

[HTML]

sorry I was going to reply but got caught up dealing with with spam from isphost.



First lets make a table with 1 row and 2 columns

<table>
<tr>
<td>
content of table cell
</td>
<td>
content of table cell
</td>
</tr>
</table>

We want to make sure each column line up with each ther at the top so we include a valign attribute in each parent cell above.

<table>
<tr>
<td valign="top">
content of table cell
</td>
<td valign="top">
content of table cell
</td>
</tr>
</table>

The above is your parent table, to give the child tables proper spacing from each other you need to add the cellspacing attribute to the table tag above.

<table cellspacing="10">
<tr>
<td valign="top">
content of table cell
</td>
<td valign="top">
content of table cell
</td>
</tr>
</table>

Now it is time to work on the content. we now include a table in each table cell.

<table cellspacing="10">
<tr>
<td valign="top">
<table>
<tr>
<td>
content
</td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td>
content
</td>
</tr>
</table>
</td>
</tr>
</table>

ok lets assume you want 2 tables on the left side and 1 table for the main body

<table cellspacing="10">
<tr>
<td valign="top">
<table>
<tr>
<td>
content
</td>
</tr>
</table>
<br>
<table>
<tr>
<td>
content
</td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td>
content
</td>
</tr>
</table>
</td>
</tr>
</table>

hope this helps,

Dave

[zeke]

Thank you... you were very big help to me!