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>
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.
<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><FONT SIZE=+4>Button Links</FONT></CENTER>
<BLOCKQUOTE><FONT SIZE=+1>To get this email link</FONT></BLOCKQUOTE>
<BLOCKQUOTE><A HREF="mailto:your_email_address@here"><IMG SRC="../but_eml.gif"
ALT="popup message" BORDER=0 HEIGHT=32 WIDTH=128></A>
<BR><FONT SIZE=+1> </FONT>
<BR><FONT SIZE=+1>add the following</FONT>
<BR><FONT SIZE=+1> </FONT>
<BR><A HREF="mailto:your_email_address@here"><IMG
SRC="../but_eml.gif"
ALT="popup message" BORDER=0 HEIGHT=32 WIDTH=128></A>
<BR><FONT SIZE=+1> </FONT>
<BR><FONT SIZE=+1>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)</FONT> <FONT SIZE=+1>and
the button
image (../buteml.gif) could be a picture (gif or jpg)</FONT> <FONT
SIZE=+1>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.</FONT>
<P><A HREF="images/picagif.gif"><IMG SRC="images/picagif.gif"
ALT="Click to Enlarge thumb nail" BORDER=0 HEIGHT=33 WIDTH=50></A>
<BR><FONT SIZE=+1> </FONT>
<BR><A HREF="images/picagif.gif"><IMG SRC="images/picagif.gif"
ALT="Click
to Enlarge thumb nail" BORDER=0 HEIGHT=33 WIDTH=50></A>
<P><FONT SIZE=+1>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.</FONT>
<BR>
<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><FONT SIZE=+2>Source Code</FONT></CENTER>
</BLOCKQUOTE>
</BODY>
</HTML>