Replied to Discussion: iOS 11 Rendering my Email 1/2 the Width of the Screen by Client Services
Same problem here and that fix worked for me, thank you!
Started a new discussion: iPhone 5 and 6 Image Problem
Replied to Discussion: Small gap outside images in Outlook 07/10/13 by
This doesn't do anything for this code.
Replied to Discussion: Small gap outside images in Outlook 07/10/13 by
Hi Chris,
I've sussed this. It's because inside your table the widths don't add up.
I fixed the top section only for you below. I added the space to the right of the text by adding a 20px cell. Then the leftover width from the 576px wide table (306px) I added to the table with the image inside it.
<table class="devicewidth" width="576" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table class="devicewidth" width="576" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table align="left" border="0" cellpadding="0" cellspacing="0" width="306">
<tr>
<td class="reset" style="border-collapse: collapse; padding:30px 30px 0px 0px;" align="left">
<a href="https://www.evernote.com/market/feature/rucksack?sku=BAGS00103&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca">
<span class="notebook"></span>
<img src="http://evernote.com/media/img/email/2014/06/061014_notebook_left.jpg" width="275" height="282" style="display:block; border:none;" alt="Isar Rucksack" class="emailnomob" border="0"> </a>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</td>
<td>
<![endif]-->
<table align="left" width="250" border="0" cellspacing="0" cellpadding="0" class="devicewidth">
<tr>
<td valign="top" align="left" style="color: #43c0d9; font-family: Helvetica, arial, serif; font-size: 17px; line-height: 21px; margin: 0; padding: 40px 50px 0 0px; font-weight:100;" class="subheadtextblue">Share meeting notes</td>
</tr>
<tr>
<td align="left" style="color: #65646a; font-family: Helvetica, arial, serif; font-size: 14px; line-height: 18px; margin: 0; padding:5px 25px 0 0px;" class="emailbodytext1">With the Moleskine Business Notebook's dedicated sections for public and personal notes, you capture a page once and it can automatically be shared with your team back home.</td>
</tr>
<tr>
<td class="button2" style="padding: 25px 95px 0 0px;">
<div>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.evernote.com/market/feature/rucksack?sku=BAGS00103&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca" style="height:35px;v-text-anchor:middle;width:135px;" arcsize="15%" stroke="f" fillcolor="#3fae29">
<w:anchorlock/>
<center>
<![endif]-->
<a href="https://www.evernote.com/market/feature/rucksack?sku=BAGS00103&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca" style="background-color:#3fae29;border-radius:6px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;">BUY NOW</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</div>
</td>
</tr>
<!--[if mso]>
<tr>
<td style="padding:10px 0 20px 0;">
</td>
</tr>
<![endif]-->
</table>
</td>
<td width="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="devicewidth" width="576" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <table align="right" border="0" cellpadding="0" cellspacing="0" width="275" class="devicewidth" style="mso-table-lspace:0;mso-table-rspace:0;"> <tr>
<td align="right" style="padding:0; margin:0;"> <a href="https://www.evernote.com/market/feature/premium?sku=premium-1year&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca"> <span class="phoneright"></span> <img src="http://evernote.com/media/img/email/2014/06/061014_phone_right.jpg" width="275" height="314" style="display:block; border:none;" alt="Evernote Premium" class="emailnomob"> </a> </td>
</tr>
</table>
<table align="left" width="250" border="0" cellspacing="0" cellpadding="0" class="devicewidth">
<tr>
<td align="left" style="color: #43c0d9; font-family: Helvetica, arial, serif; font-size: 17px; line-height: 21px; margin: 0; padding: 50px 0px 0 50px; font-weight:100;" class="subheadtextblue">Your workspace on the go</td>
</tr>
<tr>
<td align="left" style="color: #65646a; font-family: Helvetica, arial, serif; font-size: 14px; line-height: 18px; margin: 0; padding:5px 0 0 50px;" class="emailbodytext1">Collaborate on the fly and present your best ideas on the road with the only workspace you need.</td>
</tr>
<tr>
<td class="button2" style="padding: 25px 0px 0 50px;"> <div> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.evernote.com/market/feature/premium?sku=premium-1year&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca" style="height:35px;v-text-anchor:middle;width:235px;" arcsize="15%" stroke="f" fillcolor="#3fae29"> <w:anchorlock/> <center> <![endif]--> <a href="https://www.evernote.com/market/feature/premium?sku=premium-1year&utm_source=silverpop&utm_medium=email&utm_campaign=060814_enm_tls_en_usca" style="background-color:#3fae29;border-radius:6px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:35px;text-align:center;text-decoration:none;width:100%;-webkit-text-size-adjust:none;">GET EVERNOTE PREMIUM</a> <!--[if mso]> </center> </v:roundrect> <![endif]--> </div>
</td>
</tr>
</table>
</td></tr></table>
</td>
</tr>
</table>