V-Align problem

[HowardMarks]

Hi, i wonder if anyone could cast a fresh eye on an infuriating problem i cannot seem to solve.

Take a look at the following site:

http://www.artswales.org/wwr/www

now click on the register link on the right hand side. Notice how the menu is centred vertically now that the page is longer - it is supposed to stay at the top.

I cannot figure out what is causing this to happen, and if i paste the html back into dreamweaver, the page appears correctly!

any ideas?

thanks alot

Nick

Nick (Webmaster)

info@npfx.com

http://www.npfx.com

http://www.artswales.org

 

[BillyRayPreachersSon]

The spacer image of height 127 in the row above is causing your menu to appear where it does.

Hope this helps,
Dan

 

[ChrisHunt]

That's the trouble with using tables for layout, it's difficult to see what's going on - especially when you've got loads of them all nested inside eachother.

Change the main table near the top to say

<TABLE WIDTH=760 [b]BORDER=1[/b] align="center" CELLPADDING=0 CELLSPACING=0>

and you'll see what's going on. It's not the vertical alignment of your cells, but where the browser chooses to split between rows.

I had a fiddle around, but couldn't get it to size them as you want. The only way I can think of that'll fix it is to put that right-hand menu in the same cell as design_05.jpg, ie do this:

<TD ROWSPAN=[b]4/b] valign="top" bgcolor="78C9F8">
<IMG SRC="images/design_05.jpg" WIDTH=227 HEIGHT=286 ALT="">[b]<BR>
Jobseeker Services<BR>
... etc ...
</TD>

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[HowardMarks]

Thanks for your help guys, I am just going to recreate it from scratch without using the slice function from photoshop, and try to fix the problem at root.

Many thanks,

Nick

Nick (Webmaster)

info@npfx.com

http://www.npfx.com

http://www.artswales.org