2 Replies Latest reply on Jan 24, 2017 12:48 PM by Lisa Kong

    Buttons not showing up properly in emails

    Lisa Kong

      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>