Started a new discussion: Android update and two finger scroll in email?
Thanks for the suggestion. I tried it but no luck. I'll chime back in if I find something that works!
Started a new discussion: Issue with Bulletproof Backgrounds (backgrounds.cm)
This is a good place to start: https://backgrounds.cm/
That said, I have been having problems with Outlook 2013 and 2016 lately, even with the help of this tool. They're inconsistent, though. Hopefully you won't run into them!
Thanks Kevin!
Just wanted to add, in relation to #2 above, using href="" or leaving href out of the anchor tag completely will result in Outlook.com removing the entire anchor tag and adding that button tag in. The href needs to be there and something needs to be in it. Just in case anyone had the same thought that I had and spent hours testing hah!
My team and I have run in to this issue as well. While we have found two methods of circumventing the issue, we do not understand why Outlook.com is now behaving this way.
In addition to the <div style="display:inline-block"> being applied, I also noticed that unlinked images are being wrapped in button tags. What's even more odd is some of the buttons in the same email are disabled while others are not.
Enabled:
<button type="button" class="_at_6 o365button" aria-labelledby="_ariaId_1170"><img src="…" alt="" width="600" height="168" class="x_hide" style="display:block; border:0"><span class="_fc_3 owaimg" style="display: none;"> </span><span class="_fc_4 o365buttonLabel" id="_ariaId_1170" style="display: none;"></span></button>
Disabled:
<button type="button" class="_at_6 o365button" aria-disabled="true" aria-labelledby="_ariaId_1177" disabled="true"><img src="…" alt="" width="600" height="49" class="x_hide" style="display:block; border:0"><span class="_fc_3 owaimg" style="display: none;"> </span><span class="_fc_4 o365buttonLabel" id="_ariaId_1177" style="display: none;"></span></button>
Very strange.
I'm glad to see a confirmation of the issue from the Gmail team. I've been experiencing the same issue (cached images ending up larger than original). In addition to that, I've also had issues with degradation of the image quality on top of increased file size. I've been forced to use jpg in situations where I definitely should've used gif. Hopefully a solution can be found.
Thanks for the reply Rémi! Ah, right! I glanced at the Campaign Monitor CSS guide and ran with that. I forgot Outlook for Mac uses WebKit. I'm still a little stumped though, because in addition to the MSO comments, I'm actually using both of those css attributes you mention. Here's a sample:
<tr>
<td><img src="…" alt="" width="600" height="312" class="hide" style="display:block;border:0;" /><!--[if !mso]><!--><div style="display:none;width:0px;max-height:0px;overflow:hidden;" class="show"><img src="…" alt="" width="320" style="display:block;border:0;" /></div><!--<![endif]--></td>
</tr>
It looks fine in my Outlook 2011 for Mac, but something is happening in Outlook 2014 that's keeping the mobile-only image/content from being hidden on desktop. Hmmm.