Select OK, and then close the Default Programs dialog box.Select Microsoft Outlook > Set this program as default.On the Tools menu, select Internet Options.Internet Explorer 8 and Internet Explorer 7
In the Internet Options dialog box, select the Programs tab, and then select Make default under Default web browser. Select OK, and then close the Default Programs dialog box. In the Reset Internet Explorer Settings window, select the Delete personal settings > Reset. Select OK, and close the Default Programs dialog box. Scroll back up to the top of the default programs list and highlight Internet Explorer and select Set this program as default. In the Programs list, select Microsoft Outlook > Set this program as default. In the Reset Internet Explorer Settings window, select Delete personal settings > Reset. The text won't be perfectly aligned in Outlook 2010 and Outlook 2013 (slightly too far from top) but it works with all other email readers i tried : Apple Mail, Gmail, Outlook 2011 (yes.), Hotmail, Yahoo and many more.If you are using Windows 10, Windows 8.1 or Windows 8, proceed to method 2. There are 2 "12px table columns" that handles the right and left padding.Īnd I'm using "padding: 6px 0 " on my td content, to manage top and bottom padding : Outlook 20 will ignore this and will use their own padding. In this piece of code, i aimed to emulate padding : 6px 12px Īfter doing many tests in Litmus, i could not find a way to have perfect rendering in all emails readers, but here is the better solution i found : You can take 1x1 size of blank gif image and use it. To create HTML in email template that is emailer/newsletter, padding/margin is not supporting on email clients. I changed to following and it worked for me The emails really works everywhere:Īnd always remember to make styles inline:įinally, for doubts about css support in email clients you can go here: In addition, here is an excelent guide to make responsive newsletters without mediaqueries. As far as I can tell, border property is pretty safe to use everywhere. I've tested this solution in gmail (and gmail for business), yahoo mail, outlook web, outlook desktop, thunderbird, apple mail and more. so, instead of padding-top: 40px you can use border-top: 40px solid #ffffff (assuming that the background color of the email is #ffffff)
You can use empty tr and td as was suggested (but this will result in a lot of html), or you can use borders with the same border color as the background of the email.
Avoid paddings and margins in newsletters, some email clients will ignore this properties.
0 kommentar(er)
