#OPERA MAIL HIDE IMAGES REPLY HOW TO#

A good resource is Campaign Monitor’s post Using Conditional Comments to Target Outlook 2007.ĭisplaying the Hidden Content on Mobile Clients In this case, the comment is saying if the version of MS Office is not 9, show the content, otherwise, hide it. Other clients will simply ignore the comments. The markup below will allow you to hide any content within Microsoft Outlook 3.

#OPERA MAIL HIDE IMAGES REPLY HOW TO#

Conditional comments is a Microsoft proprietary markup that instructs their clients on how to render content within the comment blocks. Nevertheless, Outlook has provided us with a simple solution: conditional comments. Microsoft knows about it and for some strange reason decided not to do anything about it – the first person who is able to get an adequate explanation from Microsoft gets a shout out on this blog! In that case the table’s contents will be visible even though everything else is hidden.Īs every seasoned email designer knows, Microsoft Outlook took a turn for the weird with the introduction of Outlook 2007. The CSS rule display:none works with Outlook 3 unless there is a table within the element you want to hide. So if you want to hide an element with borders, you need to wrap that element with a div and set that div’s max-height and overflow instead.ģ) Outlook 3 and conditional comments (See update) Unlike display:none however, setting the max-height of an element to 0 will not hide any borders set on the element itself. So together with setting the overflow to hidden, “max-height: 0px overflow: hidden ” will hide content within Gmail. However there’s another CSS rule that we CAN use, and that is max-height. However strangely enough, Yahoo! Mail converts CSS height rules to min-height – which defeats our intended purpose. Yahoo! Mail (Gmail also previously) strips out display:none so the next best option is to set an element’s height to 0 pixels. Modern mobile email clients however seem to abide by that rule so hiding content within mobile is more straightforward. So although for the majority of the clients display:none will work we still need to do more. However Yahoo! Mail (Gmail also previously (before 2016)) strips out styles marked display:none effectively displaying the content and Outlook 3 is a bit temperamental when it comes to that rule (explained below). This is the “proper” way to hide elements in HTML. The following example actually uses three forms of content hiding, yes THREE.

Opera mail hide images reply