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