I NEED HELP!!! "Table Trouble"......

liunx · Jan 9, 2008

I need HELP!!! I'm trying to have <TH> then a <TD> with text in it, which I know is pretty simple. But I'm redoing my site in only 3 Tables with a menu on the left side...so when I type in the text <td> TEXT Here........</td> it screws up my left menu. 
 
 
Please take look 
 
<a class="postlink" href="Http://dale3forever.tripod.com/F5.html">Http://dale3forever.tripod.com/F5.html</a> 
 
 
 
Thanks for you time, 
 
J MSDHi James 
 
You have two options that I can see. Either try to control the row height in the existing table using ROWSPAN, or what I would do, is insert another table where your navigation links want to go. That way your navigation links will be formatted independently from your body text. 
 
Another option might be frames though I wouldnt suggest them. Let me know if I need to elaborate. I tend to confuse rather than clarify issues at times.Check out the file attached. Maybe this is the easier way.That's because you are arranging your text is in the same row as a single nav item. 
 
Try this. 
 
<html> 
<head> 
<title>Untitled</title> 
</head> 
 
<body> 
<table border="0" width="100%" align="center"> 
<tr><th> <img src=http://www.htmlforums.com/archive/index.php/"http://dale3forever.tripod.com/sitebuildercontent/sitebuilderpictures/topbanner.jpg" width=589 height="200" align="center"> </th></tr></table> 
 
<img src=http://www.htmlforums.com/archive/index.php/"http://dale3forever.tripod.com/sitebuildercontent/sitebuilderpictures/picture1.jpg" width="100%" height="1%"> 
 
 
 
<table bgcolor="#d3d3d3" border="0" width="100%" cellspacing="0" cellpadding="1"> 
<tr> 
<th>[About Site]</th> 
<th>[FAQ]</th> 
<th>[Advertise]</th> 
<th>[Link to us]</th> 
<th> 
</tr> 
</table> 
 
<img src=http://www.htmlforums.com/archive/index.php/"http://dale3forever.tripod.com/sitebuildercontent/sitebuilderpictures/picture1.jpg" width="100%" height="1%"> 
 
<table bgcolor="white" border="0" bgcolor="white" cellpadding="5" align="right"> 
<tr> 
 
<td width="25%" valign="top">Diecast News 
[Dealer Insight] 
[Caliber Report] 
[Old School] 
[Shelfs] 
[Hot List] </td> 
 
 
<td width="10" valign="top"> </td> 
 
 
<td>Site News 
 
 
 
YADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yadda YADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yaddaYADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yaddaYADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yaddaYADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yaddaYADDA YDD YDD YADDA YADDA YDDD YADDD yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda YDD yadda YDD yadda YDDDDD DDD yadda 
 
 
</td> 
 
 
<td width="10" valign="top"> </td> 
 
</tr> 
 
 
</table> 
 
 
 
</body> 
</html> 
 
 
BTW -- all attributes should be in quotes, at some point you might want to look into stylesheets to format your text instead of font tags 
 
hope it helps. 
-bethWell James, 
your code is not ok.... 
no html, no body.. 
and the TH is is not allowed like you do. 
Take a look at the at. 
Redone the menu/content part.Y'know what? I screwed up in the example I sent you. I meant to make the <th> tags into a <td> 
 
so this row: 
 
<tr> 
<th>[About Site]</th> 
<th>[FAQ]</th> 
<th>[Advertise]</th> 
<th>[Link to us]</th> 
<th> 
</tr> 
 
 
should look more like . . . 
 
<tr> 
<td width="100%"> 
[About Site [FAQ] 
[Advertise] 
[u>Link to us]</td> 
</tr> 
 
I wouldnt use <th> at all. 
 
-b. . . but put spaces between your nav items. 
 
Geeze I am tired . . . I'm going home. listen to the other guys who have the brian power to proof their own code before sending it . . .what they are trying to say is this. 
 
1) A <th> is only for a header row, and is of very little use 
 
2) Put your entire left nav in one TD and align it to the top -- that way it is separate from your main content. 
 
3)create a spacer column so that your text and your nav aren't right on top of each other 
 
4)and validate your code -- HTML tidy is a good choice for this. 
 
I am going home now. 
 
Good luck -- once you get those kinks worked out, this page'll look nice. 
 
-bethThanks Beth! Code works Great

I still need to fix the <th> though. But I do have another question? In your code you made the "Site News" with text under it all in 1 <TD> and in . My Problem is that I would like to have the top "Site News" bgcolor d3d3d3 and the bgcolor for the text under it white. Thats why in the first version I had it in 2 <td>'s. 
 
So how am I able to do this? I know if I start messing with it, it probably go south...LOL

...thats why asking you folks first. 
 
 
Thanks much, 
 
J MSD

......try putting a nested table in your main content area. 
 
In otherwords: 
 
REPLACE THIS: 
 
Site News 
 
WITH THIS: 
 
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#d3d3d3"> 
<tr> 
<td width="100%" valign="top"> 
HEADER TEXT HERE 
 
</td> 
</tr> 
</table> 
 
 
CONTINUE WITH THE BODY CONTENT FROM HERE DOWN 
 
Again though, look into replacing your font tags with a stylesheet. 
 
Check through the recent threads, there was a good tutorial recommended. Also check out <a class="postlink" href="http://www.webmonkey.com">www.webmonkey.com</a> They have a decnet introductory tutorial that will teach you the basics of stylesheets. 
 
They are *MUCH MUCH* better for styling text than font tags -- but since font tags is what you are using at the moment, the code above will work for you. 
 
I have had coffee and checked my code too -- so you should be good to go.

-beth

I NEED HELP!!! "Table Trouble"......

liunx

Guest