Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Programming
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Databases
Mail Systems
openSolaris
Eclipse Documentation
Techotopia.com
Virtuatopia.com
Answertopia.com

How To Guides
Virtualization
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Windows
Problem Solutions
Privacy Policy

  




 

 

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="https://www.idocs.com/tags/"><IMG SRC="idocs.gif"
   HEIGHT=33 WIDTH=82 ALT="Idocs Guide to HTML"></A>

which creates this button link:

HTML Code Tutorial - Free Reference Guide for Help with HTML Tags Including Form, Frames, Tables, and more!

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="https://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:

HTML Code Tutorial - Free Reference Guide for Help with HTML Tags Including Form, Frames, Tables, and more!

 
 
  Copyright 1997-2002 Idocs inc. Published under the terms of the Open Content License Design by Interspire