Comments (12)
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.
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.
Which email clients did you test? Were some Windows Outlooks clients among them?
from cerberus.
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.
This is what happens in desktop Outlook and Office 365 on Windows when we remove the styles from the parent <td>
:
from cerberus.
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.
Yes, unfortunately you're reading that right :/
from cerberus.
Thanks a lot, Ted! According to your observations, the online version of the Outlook has the same problems as the desktop version?
from cerberus.
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.
Does Windows Mail have the same problems as the desktop Outlook? Please advise how legally test templates without buying a desktop Outlook.
from cerberus.
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.
Thanks, Ted. The issue can be closed.
from cerberus.
Related Issues (20)
- Safe to remove Gmail-targeting CSS? HOT 1
- Responsive Problem HOT 1
- Using Cerberus on a primitive platform HOT 7
- Dark Mode
- Improved Documentation Site HOT 1
- Data tables
- Parametrized minimalistic template engine HOT 2
- Images are HUGE on android phone Outlook App. HOT 2
- Missing word in documentation? HOT 1
- Fix site favicon
- Preview each template in Parcel
- Template issue when forwarding a sent email from Outlook to Gmail on iphone HOT 7
- Responsive Template: 1px line in Full Bleed Background Section in Outlook 2019 HOT 2
- MSO 365 Button Fill Color HOT 3
- Missing last line of Outlook conditional CSS
- Q: Do columns work with Outlook 16.69.1 Mac OS? HOT 6
- Darkmode / Lightmode confused by multiple appearance preferences in outlook.com HOT 7
- Looks like the website is broken (`hljs is not defined`) HOT 2
- Website/Parcel links point at templates from master, not main HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cerberus.