man, it's been about 2 years since i have done any web dev. and MAN am i rusty. can someone please tell me what i am missing w/ the following code? <br />
<br />
what's happening is i'm just trying to make the border of the site w/ images. but it puts a gap between each image. <br />
<br />
the first 2 images that are next to each other align up correctly<br />
but then when i try to put the next image under it, there's about a 1/8th inch gap...and each one under that do the same thing<br />
<br />
thanks for any help you can provide...<br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
<tr align="left" valign="top"> <br />
<br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/top.gif"><br />
</td><br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/right.gif"><br />
</td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"> <br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/logo.gif"><br />
</td><br />
</tr><br />
<br />
<tr align="left" valign="top"> <br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/candlesoff.gif" border="0"><br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->Put everything between the <td> and </td> tags in a single line. That will get rid of the unwanted space.
<br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/top.gif"></td><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/right.gif"></td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/logo.gif"></td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/candlesoff.gif" border="0"></td><br />
<br />
</tr><br />
<br />
</table><!--content-->Add an alt="some text" attribute to each <img> tag, so that non-visual browsers, and browsers with image loading turned off, or where the image fails to load still have something to follow. Search engines just love to index the alt text as well.<!--content-->
<br />
what's happening is i'm just trying to make the border of the site w/ images. but it puts a gap between each image. <br />
<br />
the first 2 images that are next to each other align up correctly<br />
but then when i try to put the next image under it, there's about a 1/8th inch gap...and each one under that do the same thing<br />
<br />
thanks for any help you can provide...<br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
<tr align="left" valign="top"> <br />
<br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/top.gif"><br />
</td><br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/right.gif"><br />
</td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"> <br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/logo.gif"><br />
</td><br />
</tr><br />
<br />
<tr align="left" valign="top"> <br />
<td><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/candlesoff.gif" border="0"><br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->Put everything between the <td> and </td> tags in a single line. That will get rid of the unwanted space.
<br /><br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/top.gif"></td><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/right.gif"></td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/logo.gif"></td><br />
<br />
</tr><br />
<br />
<tr align="left" valign="top"><br />
<br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/candlesoff.gif" border="0"></td><br />
<br />
</tr><br />
<br />
</table><!--content-->Add an alt="some text" attribute to each <img> tag, so that non-visual browsers, and browsers with image loading turned off, or where the image fails to load still have something to follow. Search engines just love to index the alt text as well.<!--content-->