Giter Site home page Giter Site logo

Comments (12)

TedGoas avatar TedGoas commented on June 9, 2024

One is for the actual link (<a href>) and one is for the <table> surrounding it. Some email clients don't allow us to apply box-model styles to an inline element like <a>, so we wrap it in a table to give it the appearance of a button even if the whole rectangle isn't clickable. Does that make sense?

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

Thanks for the clarification, Ted.
It seems to me that if part of the button is not pressed, then it is confusing. I tested on a small number of available devices and did not find where duplicate styles for the tag td could be useful, since tag a already has a padding: 13px 17px;.

from cerberus.

TedGoas avatar TedGoas commented on June 9, 2024

Which email clients did you test? Were some Windows Outlooks clients among them?

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

I have tested: Thunderbird on PC; Gmail in Google Chrome on PC; Gmail app on Andriod; Mail.ru in Google Chrome on PC and Android; Mail.ru app on andriod. Unfortunately, none of my friends use Windows Outlook.
You can show a screenshot of the Windows Outlook what happens if you remove class and style attributes from td tag?

from cerberus.

TedGoas avatar TedGoas commented on June 9, 2024

This is what happens in desktop Outlook and Office 365 on Windows when we remove the styles from the parent <td>:

Screen Shot 2021-11-20 at 12 37 11 PM

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

In Outlook and Office 365 at "No styles on td" the border is drawn at the distance specified in the padding: 13px 17px; of <a>, and the background fill is only based on the size of the text? Am I getting it right? Inconceivable...

from cerberus.

TedGoas avatar TedGoas commented on June 9, 2024

Yes, unfortunately you're reading that right :/

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

Thanks a lot, Ted! According to your observations, the online version of the Outlook has the same problems as the desktop version?

from cerberus.

TedGoas avatar TedGoas commented on June 9, 2024

I don't believe Outlook.com has the same problems. The Outlook mobile apps should be fine too. It's basically the email clients that use MS Word on Windows to render email that have this problem.

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

Does Windows Mail have the same problems as the desktop Outlook? Please advise how legally test templates without buying a desktop Outlook.

from cerberus.

TedGoas avatar TedGoas commented on June 9, 2024

I've been testing using Email on Acid to preview these in email clients. There's also Litmus. They're not free, but you can trial them for free to test this on your end.

from cerberus.

Binetri avatar Binetri commented on June 9, 2024

Thanks, Ted. The issue can be closed.

from cerberus.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.