Comments (6)
@MoJoana Which version(s) of Outlook are you seeing this behavior? And is the anchor text itself still linked but the space around it is dead?
from cerberus.
Hi there,
sorry it was holiday here in Portugal.
Outlook 2010...the button just looks like an image, it doens't let you
click, the hand icon on mouse over doesnt even show up.
best regards,
2014-04-24 21:05 GMT+01:00 Ted Goas [email protected]:
@MoJoana https://github.com/MoJoana Which version(s) of Outlook are you
seeing this behavior? And is the anchor text itself still linked but the
space around it is dead?—
Reply to this email directly or view it on GitHubhttps://github.com//issues/3#issuecomment-41325550
.
Joana Oliveira,
http://about.me/joanaoliveira
from cerberus.
@MoJoana Thank you for the details. I'd been using Campaign Monitor's Bulletproof Buttons, though apparently they cause click and tracking issues in Outlook. I replaced them with vanilla <td>
's with a background color. Won't look as snazzy in Outlook without things like the image gradient and round corners, but the block containing the link will display a clickable and trackable link.
The markup looks something like this:
<table cellspacing="0" cellpadding="0" border="0" style="border-radius: 3px; background: #444444; background-image: url(assets/bg-btn.png); background-position: top left; background-repeat: repeat-x;border: 1px solid #333333;" class="button">
<tr>
<td style="padding: 15px 20px; font-family: sans-serif; color: #ffffff; font-size: 15px; line-height: 15px; text-align: center;">
<a href="http://www.google.com" style="text-decoration: none; color: #ffffff; display: block;">
<b>A Button</b>
</a>
</td>
</tr>
</table>
There is a good Twitter conversation here that helps explain why this is a pretty good way to handle live-text buttons. It's now the technique I'm employing in my own emails. I hope it works for you too!
from cerberus.
We actually ran into the same problem with Campaign Monitor's buttons. Very far from "bulletproof." The <td>
approach serves us well though!
from cerberus.
FWIW Campaign Monitor's buttons are bulletproof in a visual sense, but a bit problematic with clicks and tracking.
from cerberus.
I'm going to close this for now since it seems to be resolved. Please open a new issue or pull request if you guys find new / better techniques!
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
- Why duplicating styles for Button in hybrid template? HOT 12
- 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.