Dumb HTML question

They have: 160 posts

Joined: Mar 2002

I must be dumb. It's been awhile since I had to fix a problem like this.

Here is how I want this site to be laid out:

http://www.alogical.com/wbmstr/

except... the gif at the lower left is a placeholder. What I really want is a cell or a table here that will stretch out to fill the vertical space and push the nested table holding the navigation and the breaking news up to the top. A tag to push it up would be OK.

Here is how it looks without the temporary gif:

http://www.alogical.com/wbmstr/index2.html

Dang, I can't remember if I knew how to do this or the tags or browsers changed...

Thanks in advance.

[email protected]

http://www.alogical.com

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

They have: 160 posts

Joined: Mar 2002

Right now it only displays correctly above the footer on iExp/Mac 0S9.

Busy's picture

He has: 6,151 posts

Joined: May 2001

I didn't look at your code, but in the td cell of the navagation add valign="top" and all should be fine.

They have: 160 posts

Joined: Mar 2002

Thanks busy that did the trick.

I'm using Dreamweaver and for some reason they either didn't add that option to the GUI editor. I knew that perameter way down deep in my aging brain but couldn't remember it and I wasn't sure it would validate but it does.

Thanks a bunch. I was thinking I might use a small flash movie that will resize itself to keep the site looking full but that's another day.

[email protected]

http://www.alogical.com

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

If you're using CSS, and all your td cells need to be vertically aligned to the top position, this saves a boatload of code:

td { vertical-align: top; }

It also works pretty well everywhere (other options for vertical-align are not as well supported in older browsers, but top works just dandy).

They have: 160 posts

Joined: Mar 2002

td { vertical-align: top; }

I was wondering if you could give me a simple example of how you would set this up in a seperate .css file and in a nested table? If you have a few minutes? Thanks. Just got around to trying it.

[email protected]

http://www.alogical.com

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

They have: 160 posts

Joined: Mar 2002

cool!

thanks Suzanne, that will help. my clients target demographic use all sorts of boxes

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Have you thought of moving over to XHTML/CSS for everything...I'm just getting my head around it at the moment and it's great! Unlike tables tags were made specifically for layout.

a Padded Cell our articles site!

They have: 160 posts

Joined: Mar 2002

I've looked at XHTML a little. I don't know. I think I'm like a lot of people. I already know about 20 apps and I'm now going into server administration and Final Cut Pro. I can't seem to keep up with everything. It's a rat race.

[email protected]

http://www.alogical.com

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

This option is there in Dreamweaverl. It's hidden in the bottom section of the properties palette. Use the little arrow in the bottom right corner to show the bottom section. There's a drop-down there for "horiz" and "vert". Also a lot of other important options there.

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.