No Borders Around Image Links
Suppose you have a button-like image that is inside a link. Users can click on the image to go to whatever resource the button represents. For example, this button link brings you to the home page for this guide:
<A HREF="http://www.idocs.com/tags/"><IMG SRC="idocs.gif"
HEIGHT=33 WIDTH=82 ALT="Idocs Guide to HTML"></A>
which creates this button link:
By default, putting an image inside a link puts a border around the image. However, most people browsing the web these days
recognize "link situations" and know that the button is a link. So suppose you
want to remove the border. It's actually quite easy. Just add
BORDER=0 to the <IMG ...> tag:
<A HREF="http://www.idocs.com/tags/"><IMG SRC="idocs.gif"
BORDER=0 HEIGHT=33 WIDTH=82 ALT="Idocs Guide to HTML"></A>
which gives us this button:
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of
the Open Content License and the Open Publication License.
Contents may be redistributed or republished freely under these terms so long as credit to the original creator and
contributors is maintained.
InMotion Web Hosting Customer Support
M-F 8am - 7pm PST
213-239-0050
More information can be found at the
InMotion Hosting Main Site |
|
|
