Nested Tables... pulling out my hair

**damalynyk** · 02-20-2003, 10:36 PM

HELP!!! I've had enough of this!! My brain is frazzled trying to figure it out.

Here's a link to the page:

http://www.hamiltonoffroadclub.com/horcmain.shtml

Here's the problem: I'm trying to put 3 columns side by side. Easy enough you say? Well, no. the first 2 columns, no problem. The third column is ssi and needs to reside between the <table> tags. No, <td> or <tr>.

Example:

<TABLE CELLPADDING="6" CELLSPACING="6>

</TABLE>

Not really sure how to do this. I tried 3 tables inside of 1 table.. doesn't work. If you look at the link and the source, you'll see what I'm trying to do... I just don't seem to know how. I've just started using CSS, and don't really know about positioning, so I'm just using tables.

Can anybody help me... PLEASE???

Thanks.

**damalynyk** · 02-20-2003, 10:38 PM

here's the corrected link:

http://www.hamiltonoffroadclub.com/horcmain3.shtml

**HTML** · 02-21-2003, 12:12 AM

I looked at the code and see some table errors, run it thru the html validtor it should make trouble shooting easier.

Dave

**annmartinson** · 02-21-2003, 04:00 AM

I'm not sure what you mean by 'it must be inside the <table> tags w/o cell tags' ... but, in any event, although you do have a variety of mistakes in here, they're typical and I know as you keep coding you'll start to recognize them. The newer browsers are very forgiving.

The specific problem of the last 30% table being on the next line is because you put in a new row when what you wanted to do was just end the first cell and start the next cell in the overall table.

I've added comment tags to your code ... it's a real help when you're trying to troubleshoot to be able to see notes you wrote to yourself about your intention.

Don't all programmers talk to themselves/their computers ???

hope it works.

<html>
<HEAD>
<title>HORC Main</title>
<LINK REL=stylesheet HREF="horc2.css" TYPE="text/css">
</HEAD>

<BODY bgcolor=#000000 text=#fcda06 link=#fcda06 vlink=#fcda06 alink=red>

//overall table
<table width=90% align=center cellpadding=6 cellspacing=6>
<tr>
<td class="windowbg">

//60% table

<table width=60% cellpadding=6 cellspacing=6 class="windowbg2">
<tr>
<td width=50% class="windowbg2">
<center>News</td>

<td width=50% class="windowbg2" valign=top><center>Photo of the Moment</td>
</tr>
<tr>

<td class="windowbg" rowspan=10>
<div align=justify>
<li>As of Sunday February 16th, we have 3 new members.... Welcome, Dave Rutherford, Peter Scott & Don Calaguiro!!.
 
 
<center>Total members to date..... &nbsp&nbsp58!!!!</center>
 
 
<li>T-Shirts and hats now available. Order yours now. Click <a href="http://www.hamiltonoffroadclub.com/form.html" target=_new>here</a></li> 
 
<li>REMINDER: Have you paid your Membership fees ($15.00) yet? If not, your profile has been temporarily removed.... until we have received your payment. Please contact Luis.</li>
 
 
<li>All ads in the Message Board Classified Ads section that are over 45 days old will be automatically deleted. If your item has not sold in that time, please repost the item.</li>
</ol></div>
</td>

<td class="windowbg" valign=top>
<SCRIPT LANGUAGE="JavaScript">





</script>
</td>
</tr>

<tr>
<td class="windowbg2" valign=top>

<center>What's New</CENTER>
</td>
</tr>

<tr>
<td class="windowbg" rowspan=10>

Date&nbsp&nbsp&nbsp Item Added/Updated 

<li>NEW!! Click <a href="rollover/photos.html">here</a> to see Paul Hastings' 02/02/03 Rollover photos.</li>
 
<li>02/08/03&nbsp&nbsp&nbspPaul Hasting's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/paulh.html" target=_new>Link</a></li>
 
<li>02/08/03&nbsp&nbsp&nbsp Steve Freeman's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/stevef.html" target=_new>Link</a></li>
 
<li>02/08/03&nbsp&nbsp&nbsp Gord Ripley's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/gordr.html" target=_new>Link</a></li>
 
<li>02/08/03&nbsp&nbsp&nbsp Steve Guiney's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/steveg.html" target=_new>Link</a></li>
 
<li>02/08/03&nbsp&nbsp&nbspLuis Cabral's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/luis.html" target=_new>Link</a></li>
 
<li>02/06/03&nbsp&nbsp&nbsp Steve Guiney's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/steveg.html" target=_new>Link</a></li>
 
<li>02/06/03&nbsp&nbsp&nbsp Paul Hasting's Photo Gallery updated - <a href="http://hamiltonoffroadclub.com/profiles/paulh.html" target=_new>Link</a></li>
</td>
</tr>
</table>

//end of 60% table

//now we're outside of the 60% table, and ending the cell of the overall table that this was sitting in
//***** </td> *** close the cell that the previous one was in
</td>

//<tr>**** this starts the new row, that you don't want
<td>
//last table of the 3
<table width=30%>

<TR><TD CLASS="titlebg" BGCOLOR="#6E94B7" HEIGHT="15">» Recent Topics</TD>
</TR>
<TR><TD CLASS="windowbg2" BGCOLOR="#F8F8F8">

1.  
<A HREF="http://www.hamiltonoffroadclub.com/cgi-bin/yabb/YaBB.cgi?board=3;action=display;num=1045794478" target="_parent">Washed my truck today...</a> 

2.  
<A HREF="http://www.hamiltonoffroadclub.com/cgi-bin/yabb/YaBB.cgi?board=3;action=display;num=1045715478" target="_parent">Like the new message board</a> 

3.  
<A HREF="http://www.hamiltonoffroadclub.com/cgi-bin/yabb/YaBB.cgi?board=1c;action=display;num=1045600791" target="_parent">Possible May 24 Campout Weekend</a> 

</TD></TR>

<TR>
<TD CLASS="titlebg" BGCOLOR="#6E94B7" HEIGHT="15">» Users online</TD>
</TR><TR>
<TD CLASS="windowbg2" BGCOLOR="#F8F8F8" VALIGN="top" HEIGHT="15">Total: 1 
 Forum Administrators:    None
 Global Moderators:    None
 Users:    None
 Guests: 1
</TD>
</TR>

<TR>
<TD class="titlebg" BGCOLOR="#6E94B7" HEIGHT="15">» Quick Login
</TD>
</TR>
<TR>
<TD class="windowbg2" BGCOLOR="#F8F8F8" VALIGN="top" HEIGHT="15" ALIGN="left">
<TABLE>
<TR>
<TD width="100%">
Username:
</TD>
<TD ALIGN="left">
<form action="http://www.hamiltonoffroadclub.com/cgi-bin/yabb/YaBB.cgi?action=login2" method="POST">
<input type="hidden" name="cookielength" value="360">
<input type=text name="username" size="10">
</TD>
</TR>
<TR>
<TD width="100%">
Password:
</TD>
<TD ALIGN="left">
<input type=password name="passwrd" size="10">
</TD>
<TR>
<TD COLSPAN="2" ALIGN="center">
Remember password? <input type="checkbox" name="cookieneverexp" checked style="background-color: transparent">
 <INPUT TYPE="submit" VALUE="Login">
</FORM>
</TD>
</TR>
</TABLE>
</TD>
</TR>

</table>

//end of 30% table
</td>
</tr>
</table>
//end big table

**benzden** · 02-21-2003, 09:56 AM

One major aspect I learned about nested <TABLE ...>s is that one must properly close each cell before opening a new one - otherwise, depending upon browser or resolution, they will not behave properly. In other words, </TH></TR><TR><TH> and </TD><TD> and (other possibilities) should go together in any coding - I try to keep them all together on the same line in order to remind myself and spot coding in files written years ago that do not have that 'proper' coding in them, yet.

Thread: Nested Tables... pulling out my hair

Thread Tools

Related

hair extensions new york ny Forum: General Discussion

Pulling from a directory Forum: Website Scripts Forum

Pulling my hair out with this query Forum: Databases

Avoiding nested tables or grouping separate tables in chunks Forum: HTML Forum

Tables, nested cut the white space between cells Forum: HTML Forum

Nested Tables... pulling out my hair

Wrong link

Tags for this Thread

Cloudjiffy- PaaS for Developers