[code]<style type="text/css">
imagemap {position:relative;width:device-width;}
img{display:block;}
.map1 {position:absolute; top:8%; left:41%; width:10%; height:3%;}
.map2 {position:absolute; top:21%; left:29%; width:11%; height:3%;}
.map3 {position:absolute; top:39%; left:14%; width:11%; height:3%;}
.map4 {position:absolute; top:44%; left:71%; width:11%; height:3%;}
</style>
<div class="imagemap">
<img src="./img/img.png" width=100% border="0"/>
<a class="map1" href="1.html"></a>
<a class="map2" href="2.html"></a>
<a class="map3" href="3.html"></a>
<a class="map4" href="4.html"></a>
</div>[/code]