Forum Moderators: not2easy

Message Too Old, No Replies

CSS image map

         

Sinektik

6:25 pm on Sep 1, 2010 (gmt 0)

10+ Year Member



Anybody can give me a way to do image maps (links) in CSS ? Tutorials or web links would also be just fine.

Thanks!

Major_Payne

7:51 pm on Sep 1, 2010 (gmt 0)



Image maps with hotspots for links is mostly done with HTML and an image map maker. Some of the better web editors have this built in function. The CSS part would only be used for the presentation of the image map on your web page.

Some online image map makers:

[maschek.hu...]
[online-image-editor.com...]
[kolchose.org...]
[webdesign.about.com...]
[mapit.utah.gov...]
[image-maps.com...]

Ron

milosevic

8:49 am on Sep 2, 2010 (gmt 0)

10+ Year Member



In a lot of cases you can use an absolutely positioned block anchor element containing an   or similar to achieve the same thing.

eg

a#fakemap {
display:block;
width:200px;
height:40px;
position:absolute;
top:23px;
left:10px;
}

I'm not sure if this is good practice but it's a lot quicker and easier for me than image maps.

rajendradhakal

5:11 pm on Sep 5, 2010 (gmt 0)

10+ Year Member



its really great.
thank you milosevic