HTML email image inverts on link click Outlook 07/10/13

Posted by Matt Maclennan on Stack Overflow See other posts from Stack Overflow or by Matt Maclennan
Published on 2014-08-22T10:17:03Z Indexed on 2014/08/22 10:20 UTC
Read the original article Hit count: 211

Filed under:
|
|
|
|

I'm having an issue on a HTML email in Word rendered Outlooks (2007, 2010, 2013) where I click an image link, and when the mouse is clicked, the image inverts... Here is the code below...

    <td align="left" width="360" valign="top" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;" class="hide">
<a href="#" target="_blank">
    <img src="test.jpg" width="360" height="528" alt="alt tag" style="display:block;" class="img_mob centertable" border="0" align="left">
    </a>
    </td>

Here is a comparison on the image clicked/not clicked...

image not clicked imiage clicked

I have tried putting a text-decoration: none on the link. All the links are styled inline as well. This is the only image that it is having this issue on the email, so tried re-saving the image with no luck.

The image is saved as a JPEG and SRGB from a Photoshop PSD.

Any ideas?

Thanks.

© Stack Overflow or respective owner

Related posts about html

Related posts about css