How do I get rid of this friggin' space?

liunx

Guest
<!-- m --><a class="postlink" href="http://www.angelfire.com/alt/f4in/space.html">http://www.angelfire.com/alt/f4in/space.html</a><!-- m --><br />
<br />
Sorry about the dumb popups.<br />
<br />
I made an example of the site there. I cannot figure out why the gap between the top image(header) and the table(body) is so much bigger than the gap between the body and bottom image(footer). It's driving me nuts!!! I want it gone! :mad: :mad: :mad: <br />
<br />
Please can anybody help me out?<!--content-->OK... first of all your CSS should be in the <head>....</head><br />
<br />
Second you've got...<br />
<br />
<HEAD><br />
<img src=http://www.htmlforums.com/archive/index.php/"http://www.angelfire.com/alt/f4in/header.jpg"><br />
</HEAD><br />
<br />
This should be in the body<br />
<br />
Third...<br />
<br />
</table><br />
</BODY><br />
<FOOT><br />
<img src=http://www.htmlforums.com/archive/index.php/"http://www.angelfire.com/alt/f4in/footer.jpg"><br />
</FOOT><br />
</HTML><br />
<br />
This... I have no what it is!??! but the <img..> should be in the body.<br />
<br />
You might want to check the HTML tutorials at <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --><!--content-->Error list: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.angelfire.com%2Falt%2Ff4in%2Fspace.html&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
Fairly easy to fix all of that.<!--content-->i see a lot of problems there<!--content-->Sorry but that code is a complete mess... you need to brush up on basic html.<br />
<br />
As for your spaces.<br />
<br />
I would imagine it boils down to white space. You need to get rid of any spaces between the <td> tags. Thus you will need to enclose them on the same line if the TD has nested images. If it doesnt then you will have to be careful of spaces outside them if you are nesting other tables up against each other. By having a single space between </table> and <table> you will get an extra line between them... so this is how to do it...<br />
<br />
<br />
</table><br />
<table><br />
<br />
and not:<br />
<br />
</table><br />
<br />
<table><br />
<br />
As the line break between will render as an extra line in your page.<!--content-->
 
Back
Top