spacing problems

[SearedIce]

refer to http://www14.brinkster.com/drakej/

I used iframes and i know they don't work in netscape so don't tell me to not use them.

Anyways...the problem is at the bottom of the page

See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides.
I set the cellpadding to 0 but there's still a gap there (and none on the sides...i want the gaps on the sides though.)

I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border)

How can i fix this and keep the default of not specifying cellpadding (i think 3px[3px would be fine if i have to do it manully]) of space around the outside of all four blendy-highlighty images in the four corners?

please help
~John

[SearedIce]

until midnight on saturday, the site's down because the bandwith limit was reached

sorry,
john

[jdavia]

Originally posted by SearedIce
refer to http://www14.brinkster.com/drakej/

I used iframes and i know they don't work in netscape so don't tell me to not use them.

Anyways...the problem is at the bottom of the page

See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides.
I set the cellpadding to 0 but there's still a gap there (and none on the sides...i want the gaps on the sides though.)

I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border)

How can i fix this and keep the default of not specifying cellpadding (i think 3px[3px would be fine if i have to do it manully]) of space around the outside of all four blendy-highlighty images in the four corners?

please help
~John
I couldn't help but see that you are using BMP as your images. They do not show on the internet. Use gif or jpg instead.
You have to experiment with MARGINHEIGHT=0 MARGINWIDTH=0
Also remember that you need to align the images left or right, and maybe use vspace and hspace
You may have to resort to putting them in their own tables. Like a three column three row table

<table width="100%" border="1" cellspacing="0" cellpadding="0"
MARGINHEIGHT=0 MARGINWIDTH=0>
<tr>
<td align="left"> 1 </td>
<td align="center"width= "95%" 2 </td>
<td align="right"> 3 </td>
</tr>
<tr>
<td align="left"> 4 </td>
<td align="center"height="300"> 5 </td>
<td align="right"> 6 </td>
</tr>
<tr>
<td align="left"> 7 </td>
<td align="center"> 8
</td> <td align="right"> 9 </td>
</tr>
</table>

[SearedIce]

i have it set up like the following...each letter represents a different cell

ABBBBBBC
DEEEEEEF
DEEEEEEF
DEEEEEEF
DEEEEEEF
GEEEEEEH

notice that e has rowspan=2

i've tried making the margins 0px in css but that, i think is different from marginheight=0...i'll try that



and thanx for letting me know the bmps don't work...they do on my comp and i have learned in the past that they don't on most comps but i forgot...so thanx

jpgs or gifs will give better file size anyways...

[SearedIce]

marginheight=0 wouldn't change anything

marginwidth=0 did do anything either

[Nedals]

<img src="crnbl.jpg">
</td>

A little trick with tables and images. NEVER follow an image tag with a return otherwise you get a 1 pixel space. Change all instances of the above to this...

<img src="crnbl.jpg"></td>

And your problem should go away. (after a very brief look at your code)

That little table example you show....
D -> rowsapn=4
E -> rowspan=5 (not rowspan=2) ???
F -> rowspan=4

[jdavia]

I think I solved your problem.
I made three changes in BOLD to your code. maybe it didn't all need three, but it looks good.
You had:
<table border=0 height=100% width=100%
I changed it to this:
<table border=0 width=100%

<tr width=800 height=1> Instead of 100
<td width=100>
<img src="crnbl.jpg"valign="bottom">
</td>
<td width=100>
<img src="crnbr.jpg"valign="bottom">

I'm not sure, but you check it. The IFrame with "main.html" has more height than the outer calls, I changed that too, to equal the others. From 500 to 400. You can leave it 500 but make the outer 500 too.

[SearedIce]

the table with 100% width and height is there so that the site(the 800x600 part) could be centered

i know i should do this with something else like a div or whatever but i was too lazy to do anything else at the time

i think it'll be the valign=bottom but i don't see why because the image is 100x100px and the cell i have them is is the same exact size

i'll go play around with what you said :)