I am trying to make a image border as I have seen in several other nice looking sites; as in, it has images forming a border on the top edge and left edge. The top edge has my logo and ad, and the left border is SUPPOSED to be a menu, but there is a very annoying 1 pixel high space between the logo image on the top right, and the menu. When you add borders to the image and the TD it is in, you see that the image is OK, but there is space that I can't get rid of from the bottom of the image to the bottom of the TD. How do I fix this? .html and .gif included.<br />
<br />
.HTML file<br />
<!-- m --><a class="postlink" href="http://jasonwebb.0catch.com/test/test.html">http://jasonwebb.0catch.com/test/test.html</a><!-- m --> <br />
<br />
.GIF file<br />
<!-- m --><a class="postlink" href="http://jasonwebb.0catch.com/test/topright.gif">http://jasonwebb.0catch.com/test/topright.gif</a><!-- m --><br />
<br />
I hope I explained the prob thorougly enough
<!--content-->agh! sorry! its top-left side of the screen! I just caught that! The image url is correct though.<!--content-->few things I see wrong. one I can't see teh page in IE as it is blank. now I can see the source and you have a javascript script on the outside of the <html> tag. you also have vspace hspace in a cell that is no attribute of that <td>.<br />
<br />
fix those and then maybe we can see it.<!--content-->ok, i altered a couple of things, but there are some things that I can't. The site is hosted on a free server, and so it usually displays a huge banner on the top of the screen, and the code outside of the < html > tag is automatically placed there by the server. I put < nobanner > inside the < head > tag to get rid of it. The page may not show up the first time, but I have no idea why. Just refresh it once or twice and it'll show up. I wasn't too sure what you meant about the attributes and the TD tag. Do you mean get rid of the vspace and hspace tags inside the < TD > tag?<!--content-->ok although I don't understand why you have to hit refresh to see the page I finally saw it.<br />
<br />
take these out of the tables (all of them)<br />
<br />
vspace="0" hspace="0"<br />
<br />
they are not a table attribute.<br />
<br />
after that I can take a look at it and hopefully tell you.<br />
<br />
I thought it was that you didn't have cellpadding and cellspacing in but you do so let me look at it agin.<!--content-->believe it or not I found the problem<br />
<br />
<TD vAlign=bottom width=295 height=158 ><IMG height=158 src=http://www.htmlforums.com/archive/index.php/"Border Tests_files/topright.gif" width=295> </TD><br />
<br />
<br />
notice how the </td> is spaced at the end? make it close like this<br />
<br />
<TD vAlign=bottom width=295 height=158 ><IMG height=158 src=http://www.htmlforums.com/archive/index.php/"Border Tests_files/topright.gif" width=295></TD><br />
<br />
that will take care of it. also this is doing nothing here as the td has no attrib like this.<br />
<br />
<TD style="BORDER-RIGHT: gold 1px; BORDER-TOP: gold 1px; BORDER-LEFT: gold 1px; BORDER-BOTTOM: gold 1px"><br />
<br />
take all that style out.<!--content-->i have no idea why all that style was in there, because all i put there initially was border: 1px solid gold cuz thats all i know. Man i can't wait to get a domain and a new host. Thank you so much! Kind of a stupid mistake, but I'm glad someone caught it!<!--content-->
<br />
.HTML file<br />
<!-- m --><a class="postlink" href="http://jasonwebb.0catch.com/test/test.html">http://jasonwebb.0catch.com/test/test.html</a><!-- m --> <br />
<br />
.GIF file<br />
<!-- m --><a class="postlink" href="http://jasonwebb.0catch.com/test/topright.gif">http://jasonwebb.0catch.com/test/topright.gif</a><!-- m --><br />
<br />
I hope I explained the prob thorougly enough
<!--content-->agh! sorry! its top-left side of the screen! I just caught that! The image url is correct though.<!--content-->few things I see wrong. one I can't see teh page in IE as it is blank. now I can see the source and you have a javascript script on the outside of the <html> tag. you also have vspace hspace in a cell that is no attribute of that <td>.<br /><br />
fix those and then maybe we can see it.<!--content-->ok, i altered a couple of things, but there are some things that I can't. The site is hosted on a free server, and so it usually displays a huge banner on the top of the screen, and the code outside of the < html > tag is automatically placed there by the server. I put < nobanner > inside the < head > tag to get rid of it. The page may not show up the first time, but I have no idea why. Just refresh it once or twice and it'll show up. I wasn't too sure what you meant about the attributes and the TD tag. Do you mean get rid of the vspace and hspace tags inside the < TD > tag?<!--content-->ok although I don't understand why you have to hit refresh to see the page I finally saw it.<br />
<br />
take these out of the tables (all of them)<br />
<br />
vspace="0" hspace="0"<br />
<br />
they are not a table attribute.<br />
<br />
after that I can take a look at it and hopefully tell you.<br />
<br />
I thought it was that you didn't have cellpadding and cellspacing in but you do so let me look at it agin.<!--content-->believe it or not I found the problem<br />
<br />
<TD vAlign=bottom width=295 height=158 ><IMG height=158 src=http://www.htmlforums.com/archive/index.php/"Border Tests_files/topright.gif" width=295> </TD><br />
<br />
<br />
notice how the </td> is spaced at the end? make it close like this<br />
<br />
<TD vAlign=bottom width=295 height=158 ><IMG height=158 src=http://www.htmlforums.com/archive/index.php/"Border Tests_files/topright.gif" width=295></TD><br />
<br />
that will take care of it. also this is doing nothing here as the td has no attrib like this.<br />
<br />
<TD style="BORDER-RIGHT: gold 1px; BORDER-TOP: gold 1px; BORDER-LEFT: gold 1px; BORDER-BOTTOM: gold 1px"><br />
<br />
take all that style out.<!--content-->i have no idea why all that style was in there, because all i put there initially was border: 1px solid gold cuz thats all i know. Man i can't wait to get a domain and a new host. Thank you so much! Kind of a stupid mistake, but I'm glad someone caught it!<!--content-->