foundation / foundation-emails

Quickly create responsive HTML emails that work on any device and client. Even Outlook.
https://get.foundation/emails/docs/
MIT License
7.77k stars 1.09k forks source link

Normal <button> display for Outlook 2013 DPI 120? #568

Open stevesmename opened 8 years ago

stevesmename commented 8 years ago

Client is reporting a "white line" on a standard Inky button with Outlook 2013 DPI 120 client. Is this due to the client/litmus?

Litmus test: https://litmus.com/checklist/public/badc73d

How can we reproduce this bug? Standard syntax of using

`

What did you expect to happen? No "white line" shown on the bottom of the button.

What happened instead? A "white line" appears, and can't tell if this is normal or not due to DPI configuration by Litmus?

What email clients does this happen in? Outlook 2013 DPI 120

stevesmename commented 8 years ago

Going to try a vanilla install of Foundation for Emails (no other sass stuff).

stevesmename commented 8 years ago

related: https://mosaico.io/email-client-tricks/outlook-2016-weird-1px-horizontal-lines/

No solution at the moment.

tdhartwick commented 8 years ago

Hmm, frustrating. Thanks for reporting!

stevesmename commented 8 years ago

When sending an actual test send from the Email Service Provider directly into Litmus, we didn't experience this issue. A pretty wild email client. (prior we were just copying and pasting the html into litmus)

rafibomb commented 7 years ago

Tested on Litmus by pasting in:

screen shot 2016-11-07 at 8 50 56 am

Tested by emailing:

screen shot 2016-11-07 at 8 58 31 am

Same.

This is even happening with Bulletproof buttons: https://litmus.com/community/discussions/3607-outlook-120-dpi-breaking-my-button

Found more here with potential solutions: https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013 https://www.emailonacid.com/blog/article/email-development/dpi_scaling_in_outlook_2007-2013

stevesmename commented 7 years ago

@rafibomb try adding the following into your layout file: https://gist.github.com/stevesmename/b55eddf408be3ee1e194aafeda122ee8

charan-narvar commented 6 years ago

@stevesmename I tried using the fix and still my button have a small white line below the button. Is there an alternative fix ? Thanks.