Hi and welcome to DEVPPL.
That little border you are describing can not be controlled by the coder. It's a setting in the users browser that does that.
But there are ways to go around it. For example using a DIV with the image as background. Like this:
Code:
<div style="background-image: url(images/image.gif);width:100px;height:100px"></div>
If you want to redice the HTML-code, just exclude the css to an external file.
I little tip for all you webmasters out there that tries to minimize the HTML-code as much as possible. If you are linking an image you can save a lot of code this way. And if you exclude the CSS to an external file, you will save even more.
If your current code looks like this:
Code:
<a href="page.html">
<img src="image.gif" alt="Image Name" width="100" height="100" />
</a>
You can instead do like this:
Code:
<a href="page.html" style="background:url(image.gif);width:100px;height:100px;"></a>
And if you exclude the CSS to an external file, it could look like this:
styles.css:
Code:
#a {
background: url(image.gif);
width: 100px;
height: 100px;
}
And the HTML:
Code:
<a href="page.html" id="a"></a>
