P
prash.marne
hello,
i am creating a simple image map & my HTML code is ..
<html>
<head>
<style type="text/css">
#main-box a.us {
position: relative;
top: -248px;
left: 130px;
background-color: none;
display: block;
width: 93px;
height: 17px;
}
</style>
</head>
<body>
<div id="main-box" style="border: 1px solid #000000">
<div class="map">
<img src="./map.gif" type="image/gif" usemap="#map1"
alt="map">
<a href="#" class="us"><img src="./united-states.gif" ></
a>
<map name="map1">
<area alt="" shape="poly"
coords="83,119,124,123,196,131" href="#">
</map>
</div>
</div>
</body>
</html>
it's working fine for all he browser ecxept IE 6
On IE 6 it takes some additional space at the bottom of the map image
I tried placing text insted of image for <a> it works fine
also if i remove display:block it works fine , but can't remove it ...
(on IE 7 also it works fine)
Is it IE 6 problem...? i am going wrong somwhere...??
or is there any substitute for 'display:block' ...??
plz help.......
Thanks ,
Prashant.
i am creating a simple image map & my HTML code is ..
<html>
<head>
<style type="text/css">
#main-box a.us {
position: relative;
top: -248px;
left: 130px;
background-color: none;
display: block;
width: 93px;
height: 17px;
}
</style>
</head>
<body>
<div id="main-box" style="border: 1px solid #000000">
<div class="map">
<img src="./map.gif" type="image/gif" usemap="#map1"
alt="map">
<a href="#" class="us"><img src="./united-states.gif" ></
a>
<map name="map1">
<area alt="" shape="poly"
coords="83,119,124,123,196,131" href="#">
</map>
</div>
</div>
</body>
</html>
it's working fine for all he browser ecxept IE 6
On IE 6 it takes some additional space at the bottom of the map image
I tried placing text insted of image for <a> it works fine
also if i remove display:block it works fine , but can't remove it ...
(on IE 7 also it works fine)
Is it IE 6 problem...? i am going wrong somwhere...??
or is there any substitute for 'display:block' ...??
plz help.......
Thanks ,
Prashant.