DR
0
Alt text Background Color Gmail Android App
Hi All,
I noticed that in GMAIL Android App, every images with a colored background on alt text appear with border. How to solve this?
Here is my code for a single image row:
<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;" >
<table width="100%" style="border-spacing:0;font-family:sans-serif;color:#333333;border-collapse:collapse;" >
<tr>
<td align="center" style="border-right-width:2px;border-right-style:solid;border-right-color:#f5f2f2;border-left-width:2px;border-left-style:solid;border-left-color:#f5f2f2;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;" >
<a href="https://@REPLACE" target="_blank" style="text-decoration:none;display:block;color:#ee6a56;" >
<img src="https://dl.dropboxusercontent.com/s/fd9877ykkry3u6z/03.jpg?dl=0" width="630" alt="Avec le code promo" style="max-width:630px;width:100%;height:auto;display:block;font-size:18px;color:#323334;font-family:Arial,Helvetica,sans-serif;background-color:#5287AB;font-weight:bold;line-height:30px;border-width:0;overflow:hidden!important;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
Hi! Did you tried the border property of <img>: border="0" ?
Yep, but nothing changed. I also noticed that, if I zoom in the email, at certain zoom those borders disappear. Maybe a "zoom issue"?
Hi! I think yes, maybe this is caused by the way of rendering that Gmail Android app uses.
We don't have this issue but have experienced the similiar one:
Our CTA buttons (full HTML and CSS) have 1px borders and sometimes they can not be completely shown in portrait mode. Only if you zoom in a bit the "missing" borders are visible again. There was no such issue with 2px borders. Thus I guess it depends on the way how the Gmail Android app renders on screens with high-density pixels.
Back to your case...do you need to keep the "background-color:#5287AB;"? Maybe you can remove it if this is an optional property?
Yes, the only solution found at the moment is remove the background-color property.
Thanks!