Hi everyone,

I have being trying to add a contact button image that is a link to an e-mail, but I cannot get the hover to work.

Please anyone could help me to make it work,as I have been trying and nothing seems to work:

CSS:

#contact_button {
background:url(images/contact.png.png);
width: 60px;
height: 18px;
margin: 0 0 0 720px;
list-style: none;
left: 73px;
float:left;
position:absolute;
outline:none;
}

HTML:

<div id="contact_button">

<a href="mailto:info@accuball.com.au">
<img src="images/contact.png.png" width=60 height=18 border=0></a></div>



I am trying to paste another image as a hover using:

CSS

#contact_button a:hover {
background:"contact_rol.png"
}

and it does not change over to the new image when I put the mouse over.

Please I would appreciate any advice.

Thanx in advance...

and yesss, the file name is only a mistake, as I have been working on it for so many hours, it is correctly in my css the name is contact_button.png and contact_rol.png...

Please anyone have any suggestions???

Please...

Problem solved - I have my solution here:

Code:

#contact_button {
width: 60px;
height: 18px;
margin: 0 0 0 720px;
list-style: none;
left: 73px;
float:left;
position:absolute;
outline:none;
}

#contact_button a {
height: 18px;
width: 60px;
display: block;
background-image:url(images/contact.png.png);
}

#contact_button a:hover {
background-image: url(contact_rol.png);
}

and html code:

<div id="contact_button">
<a href="mailto:info@domain.com.au">&nbsp;</a>
</div>

Glad you found it, I was going to tell you your syntax for the hover image was incorrect.