Gmail Image Render Problems and Issues
If you're at all like me you've been pulling your hair out trying to resolve this problem. It literally was not there a few weeks ago, so I'm assuming it was introduced with a gmail update.
Below's a screen capture of the issue we ran into lately. A space kept showing up below the top image in the most recent Gmail version.
Solution: Gmail on Firefox, Safari, and Chrome
Make sure to add the following CSS attributes to the <td> and <img> tag:
<td style="padding: 0px; margin: 0px; font-size:16px; font-weight:bold;">
<img src="your-image.jpg" width="600" height="217" border="0" style="display: block; padding: 0px; margin: 0px;" />
</td>
Solution: Hotmail Firefox
I read that the following makes a difference in Hotmail Firefox but I haven't verified it - I throw it in just in case.
Add the following below the <body> tag:
<style>img {display: block;}</style>
As you can see below the above fixed the issue:
Comments
Post new comment