nesting

Suzanne — Sun, 23 Dec 2001 02:53:47 +0000

Take the navigation cells and put them in a table in one big cell. valign that cell "top". Then it won't matter what amount of content you have in any other cell, that navigation table will remain cohesive and not get all stretched out.

The table is now much cleaner but...

WeebleWobble — Sat, 22 Dec 2001 21:59:37 +0000

If I only enter content that is equal to or less than the height of the nav images, it looks great:
http://www.scottsspa.com/mike/merchandisenew4.html

But when I add more content that extends lower than the height of the nav images, it looks like this:
http://www.scottsspa.com/mike/merchandisenew3.html

The last image in the nav area, 'bottom.gif' is designed to extend as far as needed without changing the look, but I need help in how to set it up so it extends with the body content. I've tried setting height=x% tags but that doesn't seem to help. Any suggestions?

taff — Sat, 22 Dec 2001 14:20:26 +0000

On your main table, add valign="top" to the td tags. On your navigation table set the following:
border="0" cellspacing="0" cellpadding="0" to the table tag.

Busy — Sat, 22 Dec 2001 06:01:20 +0000

Welcome to TWF
The second one is a lot better, the way i always do side naviagtaion sites is a very simple 2 celled table

banner or whatever here

left side
right side

footer or whatever here

but of course would use cellpadding, cellspacing and border all =0 as well as whatever alignment you may want, and bgcolors etc.
the "left side" can of course contain a tested (a second table) that has your naviagation in it, this way holds faster and if the page is slow at loading displays in sections (top, middle and bottom) so the viewer can see/read as the rest load.
the "right side" doesnt have a width, the table may use a percentage (100% etc).
No rowspan or colspan is needed

Hope this helps

what am i doing wrong?

WeebleWobble — Sat, 22 Dec 2001 01:06:33 +0000

here is my 1st attempt at your suggestion...

http://www.scottsspa.com/mike/merchandisenew.html

i see what you're saying but...

WeebleWobble — Sat, 22 Dec 2001 00:53:01 +0000

it doesn't seem to be working out either. i'm trying it right now in dreamweaver, as you said with a nav column and a body column, but the images on the left are still separating as opposed to matching up. plus i assume i'd just use a colspan=2 for the top image and the top horizontal bars?

column spans and row spans, oh my!

taff — Sat, 22 Dec 2001 00:37:08 +0000

I think you're shooting for a more complicated table than you need. Try a simple page table (nav column, body column) and nest a navigation table in the left column.