1 Replies - 983 Views - Last Post: 04 November 2007 - 01:19 PM

#1 rockstar4cs  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 73
  • Joined: 16-April 07

CSS image map

Post icon  Posted 03 November 2007 - 04:16 PM

How would you make a image map using CSS? I normally only work with HTML but for a project I'm working on I have a logo at the top of 4 web pages and it's suppose to have 3 clickable links on it. I figured it be easiest to fix them all in 1 shot but how would I do that?
Is This A Good Question/Topic? 0
  • +

Replies To: CSS image map

#2 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: CSS image map

Posted 04 November 2007 - 01:19 PM

Hi there
It's a very simple thing to create a map
First thing you have to do is creating map with all hotspot inside it (area)
Assign a unique name to it (mymap)
<map name="mymap">

<area href="http://link1" shape="rect" coords="16, 14, 70, 63" />
<area href="http://link2" shape="rect" coords="105, 31, 170, 86" />

</map>



Then direct your picture to use this map (add # sign before the map name)
<img src="picture.jpg" width="407" height="240" usemap="#mymap" />



I hope this helps
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1