http://geocities.com/tigerstripg
Can anybody help me with that huge gap? I've tried everything, but nothing seems to work!!

Replace your current code with this:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700"><TR><TD ROWSPAN="1" COLSPAN="2" HEIGHT="198"><iframe frameborder="0" src="nav.htm" scrolling="no" name="nav" height="198" width="427"></iframe><IMG NAME="bg1" SRC="bg_1x2.jpg" WIDTH="293" HEIGHT="198" BORDER="0"></TD></TR><TR><TD ROWSPAN="1" COLSPAN="1" WIDTH="367"><iframe frameborder="0" src="main.htm" name="main" height="250" width="367"></iframe></TD><TD ROWSPAN="1" COLSPAN="1" WIDTH="352"><IMG NAME="bg2" SRC="bg_2x2.jpg" WIDTH="352" HEIGHT="250" BORDER="0"></TD></TR><TR><TD ROWSPAN="1" COLSPAN="2" WIDTH="723" HEIGHT="25"><IMG NAME="bg4" SRC="bg_3x1.jpg" WIDTH="720" HEIGHT="25" BORDER="0"></TD> </TR> </table>

The problem you were having is that, when you have columns in a table, they all automatically conform to being the same size as either a) the one you set the size on, or b) whichever one is the largest. I think there might be a way around that, but I'm not aware of it, and I've been working with tables for a long time.

Also, watch out for too many extra spaces in your code. With tables, if they're placed just wrong they'll interfere with alignment. With that code, all of the gaps are gone, but your images don't quite line up.

Hope that helps! :)

Thanks soooo much!! It helped and I'm gonna edit the bottom img! You rock!!

this doesn't help your problem, but i think that you have a very pretty layout :)