Buttons

[MoJoana]

On my outlook, the button looses the link... both on default template, as in my customized one! Help?

[TedGoas]

@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?

[MoJoana]

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 notifications@github.com:

@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

[TedGoas]

@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!

[soundslocke]

We actually ran into the same problem with Campaign Monitor's buttons. Very far from "bulletproof." The <td> approach serves us well though!

[TedGoas]

FWIW Campaign Monitor's buttons are bulletproof in a visual sense, but a bit problematic with clicks and tracking.

[TedGoas]

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!