Hyperlinked icons get an ugly box in IE on landing page

Anonymous
Not applicable

Hyperlinked icons get an ugly box in IE on landing page

I've got icons that link to our various social media assets on a confirmation page, and in Internet Explorer, each of them is surrounded by an ugly box. This doesn't happen in Chrome. I tried highlighting each box and adding the following code which removes hyperlink formatting from normal text...

color: #585858; text-decoration: none;

But that didn't work. Any ideas?
Tags (1)
3 REPLIES 3
Anonymous
Not applicable

Re: Hyperlinked icons get an ugly box in IE on landing page

Try adding "border: 0;" to the style for the images.  That works for me.
Anonymous
Not applicable

Re: Hyperlinked icons get an ugly box in IE on landing page

Hi Megan,

Just tried that - also tried "outline: none;" and neither of them work...
Anonymous
Not applicable

Re: Hyperlinked icons get an ugly box in IE on landing page

Hi David. I'm sorry that didn't work, and I'm new to responding in Marketo forums, but I know how it feels to try to crank out something on a Sunday night and not have much support to work through issues, so I'll do what I can to help.

Here's the basic structure that I've used that generally helps out with IE, and email viewing issues.

<a style="text-decoration: none; border: 0px;" href="[link here]"><img style="border: 0px;" src="[location of image here]" /></a>

If that doesn't work, maybe paste your code in a reply and I'll see if I can shed any light on the issue you're having.  A Marketo expert I am not, but I've wrestled with display issues before.