table growth problem

[bopritchard]

please look at this page...table

http://www.raleighchristian.com/2005/index.html

on the far left (Navigation Section)will be a navigation bar that has the potential of growing IN HEIGHT beyond the height of it's row which will cause the table to grow...currently when that happens the row that has the book picture in it grows...

i want the sections labeled Yellow Section 1, Yellow Section 2 and Blue Section 1 to do the growing...

how do i alter my table setup to accomodate this...

thanks

 

[cLFlaVA]

my suggestion, which you probably won't want to consider, is to avoid table layouts altogether. you have SO MUCH unnecessary code in there - hundreds of spacer images, etc.

the better way to do this would be with css-styled divs. you would probably need to do a good amount of research, however, to get a solid understanding of the concept. it would, however, definitely be worth the effort.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[bopritchard]

i appreciate the advice...i've been telling myself i need to start doing things in css divs and have just never started...but with respect to my current problem which is how to make the other sections grow when my left nav grows...i'll still have to solve that with div's...correct?
i'll have div's nested within div's that will simulate a table layout...or am i just completely wrong?

 

[cLFlaVA]

hm, you may be right. stretching things to be the height of other things always seems to be a hassle. you may need to implement some javascript to accomodate.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[trollacious]

I hope that code was program generated and NOT written by a human. I've "fixed" pages that originally looked like that, generally cut out a good 90% of the code, too, but it takes time to rewrite it. I'd look at the page in the browser and then write decent new HTML in a new page to match the layout rather than try to rewrite what's already there.

Lee

 

[bopritchard]

yes it was spit out by a program...i understand that i'm going to have to do that...but i'm left with the same question...how do i arrange the table(s) so that when the left nav grows beyond it's original height those sections that i've identified to the right also grow in height

 

[cLFlaVA]

you will need to use javascript to determine the full height of the outer shell table. you will then need to subtract the height of the top right table from the total height of the shell table. the remaining height should be applied to the lower tables accordingly.

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
beware of active imagination: [URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[trollacious]

If the whole thing is inside an outer table, and your inner tables are valign="top", the sections at the bottom will expand as necessary. If you want the background colors to show all the way to the bottom of the navigation menu, you should be able to do that, too.

On the other hand, it's NOT good web design to have a long list of items in a menu. If the menu goes below the page on the most common screen resolution (don't know if it's still 800 x 600, or more now), then you force your viewers to scroll down every time they want to move from one page to one of the pages lower in the menu. Break the menu down into sections and subsection, and use either popout submenus on the left, or create submenus in each section that fit at the top of the page in each section. One site that uses the second technique is

http://www.mrshims.com.

Lee

 

[bopritchard]

i took a crack at revamping it...looks ok in IE...doesn't display at all in firefox..

why is that?

http://www.raleighchristian.com/2005/rca/index.html

 

[cLFlaVA]

http://validator.w3.org/check?uri=http://www.raleighchristian.com/2005/rca/index.html

doesn't validate. let alone, you don't even have a closing </body> nor </html> tag!

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
beware of active imagination: [URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[bopritchard]

it now validates...but still can't see it

 

[bopritchard]

well i made good progress last nite...

http://www.raleighchristian.com/2005/rca/index.html

most everything has been switched to div and css and it's working pretty good...much better implementation...thanks for pushing me that way...

one more question the eagle logo at the top is right now split into a few different pieces because it overlaps a few different areas...can i put that entire eagle in a div of it's own and have it lay over top of the other stuff?

thanks

 

[bopritchard]

one other thing...if you look at the bottom where those two yellow sections are...they show up fine in firefox but become disjointed in IE...

why is that?