A Design Challenge.

[zhchua]

This problem has been boggling me for quite some time now,

http://pagn.net/frozen/test3.php

If you take a look at the page, you noticed that a little 'curve' that is supposed to be at the bottom of the page has been pushed up.

If you still don't know the wheres the curve,

http://pagn.net/frozen/screen.jpg should be able to guide you

Now, the problem is I can't seem to push it down. Because I use newspro, whenever theres a line break at the centre of the table (News), the image doesn't follow down instead leaves a white background below it.

Is there an alternative way to do this ? Can someone advise ? If not, how can I fix it ?

Do take a look at the source code, but if you need to see the full source code (with php tags and stuffs), just reply here.

[KeithMcL]

Try valign="bottom" in the TD tag.

Ok, I see you already have that in there. It could be something to do with the column span or rowspan.

They used to drive me mad when I had loads of tables on one page.
<Edited by KeithMcL on 01-15-2001 at 07:07 AM>

[zhchua]

Column span ?

Unfortunately, I still haven't mastered the skill of 'understanding' what is a row span and col. span although I read countless books

I hate to have lots of tables too but thats the only way I can go

Any solution ?

[BC]

Hi, and welcome aboard.

Your problem is :

<td height="421" bgcolor="#FFFFFF" valign="bottom"><img src="bottomleft.jpg... etc.>

Because the height has been set (by the program you're using or through error) to that height, the little corner image is appearing somewhere near halfway down the page.

You will need to drag the height right down so that it meets the bottom of the table (on my DreamWeaver you had to go down to about 2250 before it met the table).

Good luck.

[zhchua]

I tried dragging it to the bottom, but unfortuantely, it still doesn't follow the thing down.

When I removed the "Height=421" code, the whole thing just shrinks all the way up.

P/S : What do you mean drag all the way 2250 ?
Sorry, I didn't catch that.

[KeithMcL]

I had another look and from what I could see you have an extra table in there that's not neccessary. It contains the top image in one cell, another cell with the &nbsp; tag and the bototm image in another cell.

I'd say you'll need to remove that table and incorporate the column into the other main table.

One thing you could try, is to copy the one with the right hand side corners and replace the left hand side one with it and then change the images to th left hand side ones (If you get my meaning).

[zhchua]

Originally posted by KeithMcL
I had another look and from what I could see you have an extra table in there that's not neccessary. It contains the top image in one cell, another cell with the &amp;nbsp; tag and the bototm image in another cell.

I'd say you'll need to remove that table and incorporate the column into the other main table.

One thing you could try, is to copy the one with the right hand side corners and replace the left hand side one with it and then change the images to th left hand side ones (If you get my meaning).

I hope you don't mind, I can't really find that extra table, could you point me to it by including some of the other tags beside the extra table ? It would help me identify it.

How can I incoporate that column ? I seem to be rather 'dumb' when it comes to HTML

I tried replacing the right with the left but, the right-hand side has rowspan and I don't know how to uhm.. change it.

Please advise.

[BC]

What I meant was that you should set

<TD height="2250"> and experiment with that number to see where the image ends up.

[zhchua]

2250 will make the whole table scroll futhur from the original position.

Can someone meet me up on ICQ ? It wouldn't take long, I need to let you see the real source code. Maybe then, you will understand

ICQ : 28428101

[zhchua]

I DID IT !

Hehe, I managed to get the site working.
What I actually did is to :
1) Seperate the page into 3 tables.
- Header
- Center
- Footer
2) Header will host the header logo + the newsletter thingy
Center will be my text
Footer will hold me left and right outer curve graphics.

This method somehow makes my site look neater + load faster Its only 3k ! hehe.

http://www.pagn.net/frozen/test7.php

Anyone encountered any errors so far ?

Btw, Thanks guys for your constructive critisms! I'll never forget you..

Expect to see me here more often.

[TheOriginalH]

Site looks pretty slick - but...

The date seperating images seem a little messed up on my pc
(NS 4.7, 17incher, set to 800 *600)

If you need screenshot/s, mail me.

H

[lynlimz]

Congrats on your achievements! heehz.
Normally, whenever I faced such problems, I'll try to re-do my page layout, neaten the code, and set them to be more compliant to the w3c standards.

Well, it always worked. =)
All the best for your site!

[zhchua]

Yep!
now that I got everything fix, I'm doing some testing on dif browsers in dif resolutions

Uhm.. the table thing where "The Forum" has some screwups is now fixed 8)