HTML codes - how to put map in a background image?

I

Ines

New member
Hi,
Can you tell me how I put a Menu on specific area of a background image.
I’m trying to do that with a Map, but it doesn’t wok. The menu comes out of the image.
I don’t know what I’m doing wrong. I have to do this in html, and I cannot do in dreamweavar or frontpage, because it’s an exercise.



So, I’ve got this:

<html>
<head>
<body>

<IMG SRC="klin2.gif" USEMAP="#imagemap"
<MAP NAME="imagemap">
<AREA SHAPE=RECT COORDS="0,0,116,478" HREF=\Homepage\kline2.jpeg>
<AREA SHAPE=RECT COORDS="0,0,313,721" HREF=\Homepage\index.html >
</map>


<ul>
<li><a href="cv/cv.html">cv</a></li>
<li><a href="works/works.html">cv</a></li>
<li><a href="about me/about me.html">cv</a></li>
</ul>

</body>


What is wrong? what I write on the ="#imagemap"? if you have another suggestion how to do this, I appreciate, too.
 
Compare closely what you have written to the following. You have quotation marks missing enclosing the rect. Watch the use of the # sign and for id. And use name="whatever" for good measure. Also, the back slash is for windows, in html it is a forward slash, /.

Review:
<img src="klin2.gif" width="" height="" alt="provide a name" usemap="#klin2.gif" style="border: 0;" />

<map id="klin2.gif" name="klin2.gif">
<area shape="rect" coords=0,0,116,478" href="homepage/kline2.jpeg" alt="fill in name" title="fill in name" />
<area shape="rect" coords="0,0,313,721" href="homepage/index.html" alt="Index Page" title="Index Page" />

Stop using upper case letters. Sooner than you expect they will give you lots of trouble. Also be careful with the pathing to kline2.jpeg (usually just jpg) and index.html. If you don't have the path correct, it will not work.
<area shape="rect" coords="569,394,642,430" href="part2/3-4.html" alt="Weeks 3 & 4" title="Weeks 3 & 4" />
<area shape="rect" coords="668,394,741,430" href="part2/5-6.html" alt="Weeks 5 & 6" title="Weeks 5 & 6" />
</map>
 
Back
Top