Button link

Button Links

To get this email link

add the following
<A HREF="mailto:your_email_address@here"><IMG SRC="../but_eml.gif" title ="POP UP MESSAGE" ALT="popup message" BORDER=0 HEIGHT=32 WIDTH=128></A>
instead of the "mailto:...." this could be "http://www.where_ever" to take you somewhere else on the net or "blahblah.htm" to get you to another html file or a picture (jpg or gif) and the button image (../buteml.gif) could be a picture (gif or jpg)
title ="POP UP MESSAGE USING TITLE" alt="popup message using ALT" get the browser to display text when your cusor moves over it. ALT was incase you don't have pictures switched on you get the alt message "this is a picture of a button" whatever but generally it's used to say "click this to do something" which has been fine until lately when it doesn't work with newer browsers so you have to use title="whatever" you can put in both only one seems to work depending on your browser. But I guess you'd have to take the line that the title command is the newest so just use that.
The popup message could be the place the link takes you, or if it's the a full size picture version of the thumbnail, you could have "click to enlarge" i.e.

<A HREF="images/picagif.gif"><IMG SRC="images/picagif.gif" ALT="Click to Enlarge thumb nail" BORDER=0 HEIGHT=33 WIDTH=50></A>
BORDER, HEIGHT& WIDTH speak for themselves, you could change the size of the image your using as I have in this example but normally you'd just put in the image sizes as is, changing sizes here will not give good results and if your reducing a large picture to be a button/link it will be slow to load. You don't have to put a size in but if it doesn't load up straight away it will not alocate a space so as images/buttons arrive the rest of your page will change to suit.

Source Code
<HTML>
<HEAD>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
 <META NAME="Author" CONTENT="nik">
 <META NAME="GENERATOR" CONTENT="Mozilla/4.05 [en] (Win16; I) [Netscape]">
 <TITLE>Button link</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFCC" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000">
<H6>
<SCRIPT language=javascript>document.writeln(" last updated " + document.lastModified);</SCRIPT>
</H6>
<CENTER>Button Links</CENTER>
 
<BLOCKQUOTE>To get this email link</BLOCKQUOTE>
<BLOCKQUOTE><A HREF="mailto:your_email_address@here"><IMG SRC="../but_eml.gif" ALT="popup message" BORDER=0 HEIGHT=32 WIDTH=128></A>
  
 add the following
  
 <A HREF="mailto:your_email_address@here"><IMG SRC="../but_eml.gif"
ALT="popup message" BORDER=0 HEIGHT=32 WIDTH=128></A>
  
 instead of the "mailto:...." this could be "http://www.where_ever"
to take you somewhere else on the net or "blahblah.htm" to get you to another
html file or a picture (jpg or gif) and the button
image (../buteml.gif) could be a picture (gif or jpg) the
popup message could be the place the link takes you, or if it's the a full
size picture version of the thumbnail, you could have "click to enlarge"
i.e.
<A HREF="images/picagif.gif"><IMG SRC="images/picagif.gif" ALT="Click to Enlarge thumb nail" BORDER=0 HEIGHT=33 WIDTH=50></A>
  
 <A HREF="images/picagif.gif"><IMG SRC="images/picagif.gif" ALT="Click
to Enlarge thumb nail" BORDER=0 HEIGHT=33 WIDTH=50></A>
BORDER, HEIGHT& WIDTH speak for themselves, you could
change the size of the image your using as I have in this example but normally
you'd just put in the image sizes as is, changing sizes here will not give
good results and if your reducing a large picture to be a button/link it
will be slow to load. You don't have to put a size in but if it doesn't
load up straight away it will not alocate a space so as images/buttons
arrive the rest of your page will change to suit.
  
<CENTER><A HREF="../index.htm"><IMG SRC="../but_home.gif" ALT="Back to Omni-Web Page" BORDER=0 HEIGHT=32 WIDTH=128></A><A HREF="index.htm"><IMG SRC="../but_htm.gif" ALT="Back to Omni-Web Page" BORDER=0 HEIGHT=32 WIDTH=128></A></CENTER>
 
<CENTER>Source Code</CENTER>
 </BLOCKQUOTE>
</BODY>
</HTML>