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?
CSS image map
Page 1 of 11 Replies - 886 Views - Last Post: 04 November 2007 - 01:19 PM
Replies To: CSS image map
#2
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)
Then direct your picture to use this map (add # sign before the map name)
I hope this helps
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
Page 1 of 1
|
|

New Topic/Question
Reply



MultiQuote




|