Bulletproof Button with Alternate Old-School Button for Outlook

Shared by Andrew Driscoll, 2018-05-22 17:53:57. Tagged: Hack, All

Copy to Clipboard Save to Design Library

Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left"> 
    <tbody> 
        <tr> 
            <td> 
                <table class="responsive-btn" border="0" cellspacing="0" cellpadding="0" style="min-width: 300px; min-height: 52px;" align="left"> 
                    <tbody> 
                        <tr> 
                            <td align="center" style="border-radius: 3px; min-width: 300px;" bgcolor="#800000"> 
                                <a href="#" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;border-radius: 3px; padding: 12px 18px; border: 1px solid #800000; display: inline-block; text-transform:uppercase; background-color: #800000;">My Button Text</a> 
                            </td> 
                        </tr> 
                    </tbody> 
                </table>
            </td> 
        </tr> 
    </tbody> 
</table>

Mike Hill replied 2018-05-22 15:46:43

Thank you for posting this! Very cool method I'll definitely keep in my tool box. However, since I am sending out of Exact Target, I cannot use URLs within the conditional code because of the tracking we append on our URLs. Exact Target ignores the tracking and messes up our reporting. Right now I'm trying to get outlook 2007, 2010 and 20133 to display the same size button consistently throughout the email....rounded corner OR rectangular.

Reply to Mike Hill

Mike Hill replied 2018-05-22 17:53:57

Ok, working nice for me now. Thanks Andrew. CHEERS!

Bulletproof Button with Alternate Old-School Button for Outlook

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password