Results 1 to 5 of 5
Related
-
hair extensions new york ny Forum: General Discussion
Replies: 0 -
Pulling from a directory Forum: Website Scripts Forum
Replies: 0 -
Pulling my hair out with this query Forum: Databases
Replies: 1 -
Avoiding nested tables or grouping separate tables in chunks Forum: HTML Forum
Replies: 2 -
Tables, nested cut the white space between cells Forum: HTML Forum
Replies: 5
-
02-20-2003, 10:36 PM #1
Nested Tables... pulling out my hair
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>
<!--#include virtual"/cgi-bin/whoson.pl"-->
</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.
-
02-20-2003, 10:38 PM #2
Wrong link
here's the corrected link:
http://www.hamiltonoffroadclub.com/horcmain3.shtml
-
02-21-2003, 12:12 AM #3
I looked at the code and see some table errors, run it thru the html validtor it should make trouble shooting easier.
Dave
-
02-21-2003, 04:00 AM #4
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">
<font face="Arial,Helvetica,sans-serif" size="4"><center>News</td>
<td width=50% class="windowbg2" valign=top><font face="Arial,Helvetica,sans-serif" size="4"><center>Photo of the Moment</td>
</tr>
<tr>
<td class="windowbg" rowspan=10>
<font face="Arial,Helvetica,sans-serif" size="1"><div align=justify>
<li>As of Sunday February 16th, we have 3 new members.... Welcome, <B><i>Dave Rutherford, Peter Scott & Don Calaguiro!!.</i></B>
<br>
<br>
<center>Total members to date.....   <b>58!!!!</b></center>
<br>
<br>
<li>T-Shirts and hats now available. Order yours now. Click <a href="http://www.hamiltonoffroadclub.com/form.html" target=_new><b><i>here</b></i></a></li><br>
<br>
<li><b>REMINDER</b>: Have you paid your Membership fees ($15.00) yet? If not, your profile has been <b><i>temporarily</b></i> removed.... until we have received your payment. Please contact Luis.</li>
<br>
<br>
<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">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
showImage();
// End -->
</script>
</td>
</tr>
<tr>
<td class="windowbg2" valign=top>
<font face="Arial,Helvetica,sans-serif" size="4">
<center>What's New</CENTER></FONT>
</td>
</tr>
<tr>
<td class="windowbg" rowspan=10>
<font face="Arial,Helvetica,sans-serif" size="1">
<U>Date</U>    <U>Item Added/Updated</U><BR><br>
<li><font color=red><b><i>NEW!!</b></i></font> <font color=#fcda06><font size=1> Click <a href="rollover/photos.html">here</a> to see Paul Hastings' 02/02/03 Rollover photos.</li>
<br>
<li>02/08/03   <i>Paul Hasting's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/paulh.html" target=_new>Link</a></li>
<br>
<li>02/08/03    <i>Steve Freeman's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/stevef.html" target=_new>Link</a></li>
<br>
<li>02/08/03    <i>Gord Ripley's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/gordr.html" target=_new>Link</a></b></li>
<br>
<li>02/08/03    <i>Steve Guiney's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/steveg.html" target=_new>Link</a></li>
<br>
<li>02/08/03   <i>Luis Cabral's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/luis.html" target=_new>Link</a></b></li>
<br>
<li>02/06/03    <i><font size=1>Steve Guiney's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/steveg.html" target=_new>Link</a></li>
<br>
<li>02/06/03    Paul Hasting's Photo Gallery updated</b> - <a href="http://hamiltonoffroadclub.com/profiles/paulh.html" target=_new>Link</a></b></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"><FONT SIZE="1">» <B>Recent Topics</B></FONT></TD>
</TR>
<TR><TD CLASS="windowbg2" BGCOLOR="#F8F8F8">
<FONT FACE="arial" color="fcda06" size="1"><nobr>1. </nobr></FONT>
<FONT FACE="arial" color="fcda06" size="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></FONT><BR>
<FONT FACE="arial" color="fcda06" size="1"><nobr>2. </nobr></FONT>
<FONT FACE="arial" color="fcda06" size="1"><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></FONT><BR>
<FONT FACE="arial" color="fcda06" size="1"><nobr>3. </nobr></FONT>
<FONT FACE="arial" color="fcda06" size="1"><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></FONT><BR>
</TD></TR>
<TR>
<TD CLASS="titlebg" BGCOLOR="#6E94B7" HEIGHT="15"><FONT SIZE="1">» <b>Users online</B></FONT></TD>
</TR><TR>
<TD CLASS="windowbg2" BGCOLOR="#F8F8F8" VALIGN="top" HEIGHT="15"><FONT SIZE="1">Total: 1 <BR>
<BR>Forum Administrators: <BR> <I>None</I>
<BR>Global Moderators: <BR> <I>None</I>
<BR>Users: <BR> <I>None</I>
<BR>Guests: 1
</FONT></TD>
</TR>
<TR>
<TD class="titlebg" BGCOLOR="#6E94B7" HEIGHT="15"><FONT SIZE="1">» <b>Quick Login</b></FONT>
</TD>
</TR>
<TR>
<TD class="windowbg2" BGCOLOR="#F8F8F8" VALIGN="top" HEIGHT="15" ALIGN="left">
<TABLE>
<TR>
<TD width="100%">
<FONT SIZE="1">Username:</FONT>
</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%">
<FONT SIZE="1">Password:</FONT>
</TD>
<TD ALIGN="left">
<input type=password name="passwrd" size="10">
</TD>
<TR>
<TD COLSPAN="2" ALIGN="center">
<FONT SIZE="1">Remember password? <input type="checkbox" name="cookieneverexp" checked style="background-color: transparent"></FONT>
<BR><INPUT TYPE="submit" VALUE="Login">
</FORM>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</table>
//end of 30% table
</td>
</tr>
</table>
//end big table
-
02-21-2003, 09:56 AM #5
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.
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum