d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > Having A Problem...
Add Reply New Topic New Poll
Member
Posts: 25,132
Joined: Sep 22 2007
Gold: 0.00
Jun 8 2012 03:11am
I have an image which i have mapped with 5 hyperlinks (its a banner)

But when i zoom out on the page it moves the hyperlinks around the image

anyone know why?

HTML
Code
<map name="navi" id="navi" class="absolute" >
  <area shape="rect" coords="0,0,75,65" href="home.html" />
  <area shape="rect" coords="69,16,127,51" href="home.html" />
  <area shape="rect" coords="142,16,216,51" href="electrical.html" />
  <area shape="rect" coords="231,16,300,51" href="plumbing.html" />
  <area shape="rect" coords="315,16,390,51" href="insurance.html" />  
</map>


CSS
Code
.absolute{
position: fixed;
}
Member
Posts: 4,688
Joined: Jun 20 2009
Gold: 12,590.00
Jun 14 2012 09:44pm
i'm assuming because the coordinated don't change when you zoom out
Member
Posts: 2,736
Joined: Nov 28 2009
Gold: 34.00
Jun 15 2012 02:30am
Quote (crazykfkid @ 15 Jun 2012 05:44)
i'm assuming because the coordinated don't change when you zoom out


nice bump nublet

This post was edited by eagl3s1ght on Jun 15 2012 02:31am
Member
Posts: 111
Joined: Jun 24 2012
Gold: 0.00
Jun 26 2012 09:44am
Have you tried changing the CSS to:

Code
.absolute{
position: relative;
}
Member
Posts: 9,931
Joined: Mar 22 2011
Gold: 1,390.00
Jul 19 2012 08:17am
Quote (haeload @ Jun 26 2012 04:44pm)
Have you tried changing the CSS to:

Code
.absolute{
position: relative;
}



Add below "position:relative;"
top:xem;
left:xem;
width:xem;
height:xem;
background? ;

x = anyone value.
Go Back To Programming & Development Topic List
Add Reply New Topic New Poll