0

I have a image of map of a country.I want to click on a state and go to next page .How can i make some small rectangles or squares or circles on each state so that when i click them it links to respective page using html or css ??

soumya yelamali
  • 144
  • 1
  • 11

1 Answers1

1

There's a feature in HTML called Image map, which you can use like this:

<img src="image.png" alt="Website map" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" >
</map>

Look at this question if you want to add further style and functionality.

Community
  • 1
  • 1
Jaime Gómez
  • 6,961
  • 3
  • 40
  • 41
  • This map attribute and area attribute wil map the whole state . I want to create small rectangles on the states and click on it to link to other page. – soumya yelamali Feb 25 '15 at 18:23
  • You use multiple areas and use the coords to declare your rectangles, and you can also use circles (`shape="circle"`). Updated the answer with more reference. – Jaime Gómez Feb 25 '15 at 18:44