
October 31st, 2005, 02:19 AM
|
|
Registered User
|
|
Join Date: Aug 2005
Posts: 5
Time spent in forums: 39 m 26 sec
Reputation Power: 0
|
|
|
image map in firefox/mozilla
I have created the following image map that works in Internet Explorer but doesn't work at all in firefox and I am looking for a little help. Any help at all is completely appreciated.
I used the following link as a guide:
http://www.webreference.com/programming/image_map/
Code:
#headerimg {
padding: 5px 0;
width: 100%;
height: 124px; /* If you change header pictures make sure to change this value to the correct height*/
width: 736px;
display:block;
background: url('images/evu_masthead.jpg') no-repeat bottom center;
}
/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "evu_masthead" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */
/* place the <dd>s in the correct absolute position */
#headerimg dd {
position:absolute;
padding:0;
margin:0;
}
#headerimg #applybutton {
left:182px;
top:73px;
z-index:20;
}
/* style the <dd><a> links physical size and the background image for the hover */
#headerimg a#applicationlink{
display:block;
width:16%;/*125px;*/
height:45px;
background:transparent -100px -100px no-repeat;/* url('images/evu_masthead.jpg')*/
z-index:5;
}
/* which part of the dl maps to which part of the style sheet*/
Which is then used with the following html
Code:
<dl id="headerimg">
<dd id="applybutton">
<a id="applicationlink" title="Start your American dream today!" href="http://www.easyvisausa.com/form1.php?lang=en">
</a>
</dd>
</dl>
|