How to create an image map

[LastCallGames]

Does anyone know how to make certain parts of a picture links but leave the rest of the picture as normal? (Ex. If I had a picture of a face, if you click the eyes it would bring a pop-up but if you click anywhere else on the picture, nothing would happen.)

 

I was also wondering about how to make a pop-up username : password box. (Link)

http://img365.imageshack.us/img365/9928/userpassmn8.jpg

 

I want to put them together on several pages for something I'm working on, but not knowing how to do either doesn't help much :|

[TCH-Thomas]

For the image map, please see http://www.w3schools.com/html/html_examples.asp and scroll down to HTML Image Examples and click on "Create an image-map, with clickable regions". Not sure it will help, but you can try.

 

For the other problem, only solution I know is the webprotect feature in cpanel.

[LastCallGames]

Thanks, the site helped. I'll check out the webprotect also

[TCH-Don]

Handy ImageMapper is a free image mapper.

look near the bottom of the page.

[abinidi]

You can do this in Dreamweaver. There is an imagemap option when working with images. It works quite well. I used it for a number of years, though I don't use Dreamweaver much any more. Now I use Adobe GoLive, and GoLive also provides the functionality. If you are using a GUI program for web development, search the help for "image map"