refer to <!-- m --><a class="postlink" href="http://www14.brinkster.com/drakej/">http://www14.brinkster.com/drakej/</a><!-- m --> <br />
<br />
I used iframes and i know they don't work in netscape so don't tell me to not use them. <br />
<br />
Anyways...the problem is at the bottom of the page <br />
<br />
See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides. <br />
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.) <br />
<br />
I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border) <br />
<br />
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?<br />
<br />
please help<br />
~John<!--content-->until midnight on saturday, the site's down because the bandwith limit was reached<br />
<br />
sorry,<br />
john<!--content-->Originally posted by SearedIce <br />
refer to <!-- m --><a class="postlink" href="http://www14.brinkster.com/drakej/">http://www14.brinkster.com/drakej/</a><!-- m --> <br />
<br />
I used iframes and i know they don't work in netscape so don't tell me to not use them. <br />
<br />
Anyways...the problem is at the bottom of the page <br />
<br />
See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides. <br />
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.) <br />
<br />
I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border) <br />
<br />
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?<br />
<br />
please help<br />
~John <br />
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.<br />
You have to experiment with MARGINHEIGHT=0 MARGINWIDTH=0<br />
Also remember that you need to align the images left or right, and maybe use vspace and hspace<br />
You may have to resort to putting them in their own tables. Like a three column three row table<br />
<br />
<table width="100%" border="1" cellspacing="0" cellpadding="0"<br />
MARGINHEIGHT=0 MARGINWIDTH=0><br />
<tr><br />
<td align="left">1</td><br />
<td align="center"width= "95%"2</td><br />
<td align="right">3</td><br />
</tr><br />
<tr><br />
<td align="left"> 4</td><br />
<td align="center"height="300">5</td><br />
<td align="right"> 6</td><br />
</tr><br />
<tr><br />
<td align="left"> 7</td><br />
<td align="center">8<br />
</td><td align="right">9</td><br />
</tr><br />
</table><!--content-->i have it set up like the following...each letter represents a different cell<br />
<br />
ABBBBBBC<br />
DEEEEEEF<br />
DEEEEEEF<br />
DEEEEEEF<br />
DEEEEEEF<br />
GEEEEEEH<br />
<br />
notice that e has rowspan=2<br />
<br />
i've tried making the margins 0px in css but that, i think is different from marginheight=0...i'll try that<br />
<br />
<br />
<br />
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<br />
<br />
jpgs or gifs will give better file size anyways...<!--content-->marginheight=0 wouldn't change anything<br />
<br />
marginwidth=0 did do anything either<!--content--><img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"><br />
</td><br />
<br />
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...<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"></td><br />
<br />
And your problem should go away. (after a very brief look at your code)<br />
<br />
That little table example you show....<br />
D -> rowsapn=4<br />
E -> rowspan=5 (not rowspan=2) ???<br />
F -> rowspan=4<!--content-->I think I solved your problem.<br />
I made three changes in BOLD to your code. maybe it didn't all need three, but it looks good.<br />
You had:<br />
<table border=0 height=100% width=100%<br />
I changed it to this:<br />
<table border=0 width=100% <br />
<br />
<tr width=800 height=1> Instead of 100 <br />
<td width=100><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"valign="bottom"><br />
</td><br />
<td width=100><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbr.jpg"valign="bottom"><br />
<br />
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.<!--content-->the table with 100% width and height is there so that the site(the 800x600 part) could be centered<br />
<br />
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<br />
<br />
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<br />
<br />
i'll go play around with what you said
<!--content-->
<br />
I used iframes and i know they don't work in netscape so don't tell me to not use them. <br />
<br />
Anyways...the problem is at the bottom of the page <br />
<br />
See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides. <br />
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.) <br />
<br />
I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border) <br />
<br />
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?<br />
<br />
please help<br />
~John<!--content-->until midnight on saturday, the site's down because the bandwith limit was reached<br />
<br />
sorry,<br />
john<!--content-->Originally posted by SearedIce <br />
refer to <!-- m --><a class="postlink" href="http://www14.brinkster.com/drakej/">http://www14.brinkster.com/drakej/</a><!-- m --> <br />
<br />
I used iframes and i know they don't work in netscape so don't tell me to not use them. <br />
<br />
Anyways...the problem is at the bottom of the page <br />
<br />
See those blendy-highlighty images in the four corners? Well at the bottom there's more space below them than on the sides. <br />
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.) <br />
<br />
I think the problem is that the content cell has rowspan=2 on it and it also has a 1px border (css border) <br />
<br />
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?<br />
<br />
please help<br />
~John <br />
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.<br />
You have to experiment with MARGINHEIGHT=0 MARGINWIDTH=0<br />
Also remember that you need to align the images left or right, and maybe use vspace and hspace<br />
You may have to resort to putting them in their own tables. Like a three column three row table<br />
<br />
<table width="100%" border="1" cellspacing="0" cellpadding="0"<br />
MARGINHEIGHT=0 MARGINWIDTH=0><br />
<tr><br />
<td align="left">1</td><br />
<td align="center"width= "95%"2</td><br />
<td align="right">3</td><br />
</tr><br />
<tr><br />
<td align="left"> 4</td><br />
<td align="center"height="300">5</td><br />
<td align="right"> 6</td><br />
</tr><br />
<tr><br />
<td align="left"> 7</td><br />
<td align="center">8<br />
</td><td align="right">9</td><br />
</tr><br />
</table><!--content-->i have it set up like the following...each letter represents a different cell<br />
<br />
ABBBBBBC<br />
DEEEEEEF<br />
DEEEEEEF<br />
DEEEEEEF<br />
DEEEEEEF<br />
GEEEEEEH<br />
<br />
notice that e has rowspan=2<br />
<br />
i've tried making the margins 0px in css but that, i think is different from marginheight=0...i'll try that<br />
<br />
<br />
<br />
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<br />
<br />
jpgs or gifs will give better file size anyways...<!--content-->marginheight=0 wouldn't change anything<br />
<br />
marginwidth=0 did do anything either<!--content--><img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"><br />
</td><br />
<br />
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...<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"></td><br />
<br />
And your problem should go away. (after a very brief look at your code)<br />
<br />
That little table example you show....<br />
D -> rowsapn=4<br />
E -> rowspan=5 (not rowspan=2) ???<br />
F -> rowspan=4<!--content-->I think I solved your problem.<br />
I made three changes in BOLD to your code. maybe it didn't all need three, but it looks good.<br />
You had:<br />
<table border=0 height=100% width=100%<br />
I changed it to this:<br />
<table border=0 width=100% <br />
<br />
<tr width=800 height=1> Instead of 100 <br />
<td width=100><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbl.jpg"valign="bottom"><br />
</td><br />
<td width=100><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"crnbr.jpg"valign="bottom"><br />
<br />
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.<!--content-->the table with 100% width and height is there so that the site(the 800x600 part) could be centered<br />
<br />
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<br />
<br />
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<br />
<br />
i'll go play around with what you said
<!--content-->