Click Here
for FREE
Web Hosting!

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:

Recommended Resources

web hosting tutorials
Credit Help

Search the Internet
Search Engine Help

Low Fat Lifestyle
Internet Traffic

Web Hosting
Web Design

Discount Hotel Reservations

Search The Internet

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. About the author

All Rights Reserved, Copyright © Free-HTML-Tutorials.com 2003
A service of 1stHostWeb.com