Table row height issue! Help please.
I'm putting together a site for a friend but am having problems getting it as he would like. The issue I'm having is the images in the left column of the table not matching up as I add more content to the text area.
As long as the text area is smaller than the overall height of the images combined, it's all fine. But I need the images on the left to expand as more text is added. I've tried playing with the and row height as a percentage in the row that has the 'bottom.gif' image, but that doesn't seem to help. I've also tried scouring the web for an answer to my dilema (which is how I found this message board) but also to no avail.
Can someone please offer some assistance?
Here's the page:
http://www.scottsspa.com/mike/newmerchandise5.html
Thank you in advance,
Weeble Wobble
taff posted this at 00:37 — 22nd December 2001.
They have: 956 posts
Joined: Jun 2001
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.
.....
WeebleWobble posted this at 00:53 — 22nd December 2001.
They have: 4 posts
Joined: Dec 2001
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?
WeebleWobble posted this at 01:06 — 22nd December 2001.
They have: 4 posts
Joined: Dec 2001
here is my 1st attempt at your suggestion...
http://www.scottsspa.com/mike/merchandisenew.html
Busy posted this at 06:01 — 22nd December 2001.
He has: 6,151 posts
Joined: May 2001
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
taff posted this at 14:20 — 22nd December 2001.
They have: 956 posts
Joined: Jun 2001
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.
.....
WeebleWobble posted this at 21:59 — 22nd December 2001.
They have: 4 posts
Joined: Dec 2001
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?
Suzanne posted this at 02:53 — 23rd December 2001.
She has: 5,507 posts
Joined: Feb 2000
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.
S
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.