I'm working on my website and i have a pesky little gap at the bottom. I'm not sure whats causing it but if someone wants to take a look, i'd greatly appreciate it. <!-- m --><a class="postlink" href="http://68.75.17.128/sas.html">http://68.75.17.128/sas.html</a><!-- m -->. If my IP changes i'll update it. The domain is menofchrist.com but the dns is down for now.<!--content-->I'll avoid the obvious suggestion of moving to CSS instead of tables... That's what everyone will tell you, and it's true.<br />
<br />
Anyway, I looked at the graphics you're using to create the site and I think sbr2.gif is a bit too short. Also, the bottom graphic, bc.gif, has too much white at the top of it and seems to be pushing it down a little too far. <br />
<br />
Looking at the site in Mozilla, that's the only graphics-related error I see. In IE, I see two gaps. One on the left and one on the right. But you didn't specify about the gap. What are you seeing? One gap (on the right) or two (on both sides)?<!--content-->I'm using IE, and I see both. The size shouldn't be a problem though as no matter how big i make it, there seems to be this gap
I was playing w/ the height command it it was still there. As far as css goes, i know nothing about it :-/<!--content-->i have the same problem happing here: <!-- m --><a class="postlink" href="http://68.75.17.128/sasp.html">http://68.75.17.128/sasp.html</a><!-- m --><!--content-->The image on the right bottom is not going down far enough, I outlined all of hte table cells with my browser. You can turn on the cell border to see it. The same problem is affecting the other two imags there. I would use css to pull them to where they need to be, using a negative margin.<br />
style="margin-bottom:-2px;"<br />
for the right bottom one and the rounded images blow it. The top looks more like a border isuse, but you can try pull down that image too.<!--content-->can you show me an example of how to actually use that css code, possible incorprate it into the sasp.html file?<!--content-->Here's the code from the sasp.html file:<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD vALIGN=bottom><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbtr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD vALIGN=top><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbbr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
Test<br />
</TD><br />
</TR><br />
</TABLE><br />
<br />
Here's how to incorporate what PeOfEo was telling you about:<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD vALIGN=bottom><br />
<IMG style="margin-bottom:-4px;" SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbtr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD vALIGN=top><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbbr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
Test<br />
</TD><br />
</TR><br />
</TABLE><br />
<br />
It pulls the bottom image up against the top image.<!--content-->thanks for all your help fellas, but i got it fixed, the problem was that i had a return before the </TD> command. Thanks again!<!--content-->
<br />
Anyway, I looked at the graphics you're using to create the site and I think sbr2.gif is a bit too short. Also, the bottom graphic, bc.gif, has too much white at the top of it and seems to be pushing it down a little too far. <br />
<br />
Looking at the site in Mozilla, that's the only graphics-related error I see. In IE, I see two gaps. One on the left and one on the right. But you didn't specify about the gap. What are you seeing? One gap (on the right) or two (on both sides)?<!--content-->I'm using IE, and I see both. The size shouldn't be a problem though as no matter how big i make it, there seems to be this gap
I was playing w/ the height command it it was still there. As far as css goes, i know nothing about it :-/<!--content-->i have the same problem happing here: <!-- m --><a class="postlink" href="http://68.75.17.128/sasp.html">http://68.75.17.128/sasp.html</a><!-- m --><!--content-->The image on the right bottom is not going down far enough, I outlined all of hte table cells with my browser. You can turn on the cell border to see it. The same problem is affecting the other two imags there. I would use css to pull them to where they need to be, using a negative margin.<br />style="margin-bottom:-2px;"<br />
for the right bottom one and the rounded images blow it. The top looks more like a border isuse, but you can try pull down that image too.<!--content-->can you show me an example of how to actually use that css code, possible incorprate it into the sasp.html file?<!--content-->Here's the code from the sasp.html file:<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD vALIGN=bottom><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbtr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD vALIGN=top><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbbr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
Test<br />
</TD><br />
</TR><br />
</TABLE><br />
<br />
Here's how to incorporate what PeOfEo was telling you about:<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD vALIGN=bottom><br />
<IMG style="margin-bottom:-4px;" SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbtr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD vALIGN=top><br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"tbbr.gif"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
Test<br />
</TD><br />
</TR><br />
</TABLE><br />
<br />
It pulls the bottom image up against the top image.<!--content-->thanks for all your help fellas, but i got it fixed, the problem was that i had a return before the </TD> command. Thanks again!<!--content-->