AnsweredAssumed Answered

Buttons not showing up properly in emails

Question asked by 23bfeacbad7667374d882dbe9f40879db434d3ea on Jan 24, 2017
Latest reply on Jan 24, 2017 by 23bfeacbad7667374d882dbe9f40879db434d3ea

Hi,

 

I created an email in Dreamweaver with html and css. Basic coding, nothing to extravagant. Has 3 buttons lined up horizontally.  It looks correct when I preview the template I created, but doesn't actually show up right when I send the test email, the button shows up vertically, at least in outlook.

 

please help!

 

Preview email:

preview email.PNG

Email:

email.PNG

 

Here's the code:

 

<div style="

  color: #FFF;

    border-radius:3px;

  background-color: #c31f31;

  padding:12px 18px 10px 18px;

  font-weight: 600;

    color: #29a7de !important;

  margin: .35em 0 1em 0;

  text-align: center;

  display: inline-block;

    width: 140px;

    font-size: 12pt;

    font-family: 'Helvetica, Arial, sans-serif'">

    <a style="text-decoration:none;color: #ffffff;font-family: Helvetica, Arial, sans-serif" href="More Info Link">More Information<br />

    </a>

   

  </div>

 

 

  <div style="

  color: #FFF;

    border-radius:3px;

  background-color: #c31f31;

  padding:12px 18px 10px 18px;

  font-weight: 600;

    color: #29a7de !important;

  margin: .35em 0 1em 0;

  text-align: center;

  display: inline-block;

    width: 140px;

    font-size: 12pt;

    font-family: 'Helvetica, Arial, sans-serif'">

    <a style="text-decoration:none;color: #ffffff;font-family: Helvetica, Arial, sans-serif" href="Full Agenda Link">Full Agenda<br />

    </a>

   

  </div>

 

 

  <div style="

  color: #FFF;

    border-radius:3px;

  background-color: #c31f31;

  padding:12px 18px 10px 18px;

  font-weight: 600;

    color: #29a7de !important;

  margin: .35em 0 1em 0;

  text-align: center;

  display: inline-block;

    width: 140px;

    font-size: 12pt;

    font-family: 'Helvetica, Arial, sans-serif'">

    <a style="text-decoration:none;color: #ffffff;font-family: Helvetica, Arial, sans-serif" href="Registeration Link">Register<br />

    </a>

   

  </div>

Outcomes