Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

Looks fine on browser but messes up for email

on

The pen: https://codepen.io/sushiwashi/pen/mQgLpm

<table style="margin:0 auto;width:800px">
  <tr>
    <table style="margin:0 auto;width:800px">
        <tr>
            <td>
                <h2>DERASAT NEWS</h2>
            </td>
            <td>
                <a class="btn" href="http://www.derasat.org.bh/news-category/news/">VIEW MORE</a>
            </td>
        </tr>
    </table>
  </tr>
  <tr>
    <table style="margin:0 auto; width:800px">
        <tr>
           <td>
                <img mc:edit="mainimg" src="https://gallery.mailchimp.com/ed6851575a05888ee6ef613f1/images/eb3ef8e5-8b5c-45ee-8fb7-1a4dacce1571.jpg" alt="" style="width:800px ;margin: 0; padding: 0;" >
                <p   mc:edit="maindate">NOVEMBER 6, 2018</p>
                <h3  mc:edit="maintitle">Hello World</h3>
                <p   mc:edit="mainparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam placerat.</p>
            </td>
        </tr>
    </table>
  </tr>
  <tr mc:repeatable>
    <table style="margin: 0 auto;">
        <tr>
            <td>
                <img mc:edit="newsimg" src="" width="150" height="150" alt="">
            </td>
            <td>
                <p  mc:edit="newsdate">NOVEMBER 6, 2018</p>
                <h3 mc:edit="newstitle">Article title goes here</h3>
                <p  mc:edit="newspara">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam placerat.</p>
            </td>
        </tr>
    </table>
  </tr>

I can't figure out what's going on.

In a web browser, the top looks the way I want however when I see it in Mailchimp (and eventually in an email client) it looks odd. As if there's a ghost column. I'm sure I'm missing something obvious but it's been a while since I've designed (ugh!) with tables!

Comments

Post a Comment