Created
October 20, 2015 19:45
-
-
Save marcbacon/0282f86ac2ff6e2277b8 to your computer and use it in GitHub Desktop.
VML based button. Rounded corners will work in Outlook.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tr> | |
<td> | |
<div> | |
<!--[if mso]> | |
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://example.com" style="height:36px;v-text-anchor:middle;width:150px;" arcsize="5%" strokecolor="#EB7035" fillcolor="#EB7035"> | |
<w:anchorlock/> | |
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">I am a button →</center> | |
</v:roundrect> | |
<![endif]--> | |
<a href="http://example.com" style="background-color:#EB7035;border:1px solid #EB7035;border-radius:3px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;line-height:44px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;mso-hide:all;">I am a button →</a> | |
</div> | |
</td> | |
</tr> | |
</table> |
Thank you! After 5 years later... π
Did this work for outlook 2007? and how is it working while the tag is still there below the vml code?
Any chance you guys know how to make a round callout without a link?
Thank you! After 5 years later... π
Did this work for outlook 2007? and how is it working while the tag is still there below the vml code?
I was on Outlook 2013. Not sure if it works on 2007.
Any chance you guys know how to make a round callout without a link?
Try to replace <a by <span and the by
Hoy en dia no funciona, no salen los bordes redondeados
There is this site which seems to be a good alternative to make templating email
https://mjml.io/
Thanks, it's work for me.
Need fixed width:150px;
Bad solution....
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thank you! After 5 years later... π