mailto link on image not working in IE

[Chris22]

When a user clicks on the “send email” button, their default email application opens with the subject line: Request Information”.

Can anyone tell me why this “mailto:” code will not work in IE7/8? It works correctly in FF, Chrome and Safari. I don’t want to have to wrap up my image in an anchor tag, unless there’s no other way.

HTML

Send email

CSS

.info-main {

background-image:url('/i/info_email_button.png') no-repeat;

display:block;

height:123px;

width:24px;

text-indent:-9999px;



}

Thanks!

[TheDoc]

Just tested it, works fine for me in both IE7 and IE8.

[JohnMotylJr]

Not sure if this is your problem but to concatenate the subject with an ampersand ‘&’

Send email

Directly from my coming soon page, works in IE7 / IE8 in IETester

Just tested in IE 6 as well… It is odd that it works in FireFox, Chrome, and Safari but not IE considering its just a ‘mailto:’

[Chris22]

Thanks, everyone. You are right, I asked a few people to test it and it does work in IE7/8. My local copy of IE8 is buggy/corrupted, I guess.

[Chris22]

Does anyone know of a better way to make an image link without using text-indent property? I’ve been told its a little dated. Thanks!

[TheDoc]

I see nothing wrong with the method that you have used.

[JohnMotylJr]

@TheDoc,

Are there multiple ways to concatenate the mailto: (&) and/or (?) to the subject line?

[TheDoc]

Not a clue, I’m pretty sure they are interchangeable in this specific case.

[Chris22]

@_John_, I read online (can’t remember the link) where it is more “secure” to use the title tag instead of subject property. I’ve also seen "&" used.

[Chris22]

@TheDoc, thanks.

[Author]

Posts