Create an Image of your button - butImage.gif

<div id=banner1
style="position:absolute;left:10;top:`100;visibility:visible;visibility:show
;">
    <img src="bannerImage.gif" name="banner" border="0">
</div>
<div id=but1
style="position:absolute;left:20;top:100;visibility:visible;visibility:show;
">
    <A HREF="javascript:winopen();"><img src="butImage.gif" name="butimg"
border="0"></a>
</div>

<SCRIPT LANGUAGE=javascript>
<!--
function winopen()
{
    // Your Code to open the window...
}
//-->
</SCRIPT>

You have to change the Left and top attributes in the DIV Tag.

Hope the above code meet your requirement.

Regards,
Suneel

----- Original Message -----
From: <anne.do@C...>
To: "HTML Code Clinic" <html_code_clinic@p...>
Sent: Friday, September 06, 2002 10:01 PM
Subject: [html_code_clinic] Putting a form button on a banner image


> I have a form button which opens a new window with the code:
>
>  <FORM>
> <INPUT TYPE="BUTTON" NAME="BUTTON" VALUE="Track-It"
> onClick="window.open
> ('help/index.cfm, 'TrackItWin',
'toolbar=no,location=no,directories=no,menu
> bar=yes,scrollbars=yes,resizable=yes,height=400,width=750')">
> </FORM>
>
> I want to place this button on my banner image which is 800 x 90.  The
> button will be like a hot spot.  Could I create an image map for this
> button the same way a hot spot link is created?
>
> THanks,
> Anne
> anne.do@c...
>
> ---
>
> Improve your web design skills with these new books from Glasshaus.
>
> Usable Web Menus
> http://www.amazon.com/exec/obidos/ASIN/1904151027/ref=nosim/theprogramme
> r-20
> Constructing Accessible Web Sites
> http://www.amazon.com/exec/obidos/ASIN/1904151000/ref=nosim/theprogramme
> r-20
> Practical JavaScript for the Usable Web
> http://www.amazon.com/exec/obidos/ASIN/1904151051/ref=nosim/theprogramme
> r-20
>
>