Re: Image Maps

by "Queen Dido" <romanbtch(at)hotmail.com>

Date:	Mon, 29 Dec 1997 16:09:16 PST
To:	hwg-graphics(at)hwg.org, tembler(at)softcom.net
	todo: View Thread, Original

>Subject: Image Maps
>Date: Mon, 29 Dec 1997 13:54:19 -0800

>Hi.  I am having some trouble with Image Maps.  I am using Map This and 
it
>looks like they will work but when I insert them in my page it says 
that it
>doesn't have a plugin for it.  

I never got it to work right. 

>Is there a special way I have to put the
>image map in my html file?  Also what is the best format save the 
>image map in? 

Try using a client-side image map, instead of making a separate 
document. To do this, you need to use the <map> tag. You define the 
coordinates in the html itself, and it will work on most browsers, since 
it is now standard HTML. 

The format looks something like this :

<MAP NAME="map">
<AREA SHAPE="rect" COORDS="1,299,64,334" HREF="myfile.html">
<AREA SHAPE="rect" COORDS="-5,259,54,288" HREF="hisfile.html">
<AREA SHAPE="rect" COORDS="-7,207,91,243" HREF="herfile.html">
</MAP>
<IMG SRC="file.gif" BORDER="0" ISMAP USEMAP="#map">

You can use the coordinates you got with MapThis!, and simply do some 
cutting and pasting, if you don't know how to define the coordinates.

>One more question how can I set it up so a Image Map will open a new
>page in a frame?  I know how to do it with an html link but how do I 
>do it on a image map?  

Just set a base target on the page where the image map is, maybe at the 
top. It works just the same as in a regular html link. Supposing the 
frame you want to point your links to is called main, you would do this 
(with very bad HTML ;):

<HTML>
<HEAD>
<TITLE>...</TITLE>
<BASE TARGET="main">
</HEAD>
<BODY>
<MAP NAME="map">
<AREA SHAPE="rect" COORDS="1,299,64,334" HREF="myfile.html">
<AREA SHAPE="rect" COORDS="-5,259,54,288" HREF="hisfile.html">
<AREA SHAPE="rect" COORDS="-7,207,91,243" HREF="herfile.html">
</MAP>
<IMG SRC="file.gif" BORDER="0" ISMAP USEMAP="#map">
</BODY>
</HTML>

Hope this helps you out. =)

>Multiplicity On-Line | Web Design | Graphic Design
>info(at)multipleimage.com | CGI Programming http://www.multipleimage.com |
>Desktop Publishing
>
>
>



______________________________________________________
Get Your Private, Free Email at http://www.hotmail.com

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA