Jump to content
nikijonesagency

HTML Email Tables Off by One Pixel in Hotmail

Recommended Posts

So I'm trying to build out an html email for a client in Constant Contact. I've worked out most every bug in all email clients, but for some reason one of my tables (see code comment "table two - left & right columns") is being shifted to the left by about 1px. It doesn't do this in Apple's mail client, nor does it display like that when viewed in a browser. It seems to only occur in Microsoft and Google email clients. The math on the tables adds up, the images are correct, all padding, margins, spacing, borders, etc. are removed. I'm at a loss and on deadline. Any help would be awesome.

 

Here's the code:

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:cctd="http://www.constantcontact.com/cctd"><body><CopyRight>Copyright (c) 1996-2013 Constant Contact. All rights reserved.  Except as permitted under a separatewritten agreement with Constant Contact, neither the Constant Contact software, nor any content that appears on any Constant Contact site,including but not limited to, web pages, newsletters, or templates may be reproduced, republished, repurposed, or distributed without theprior written permission of Constant Contact.  For inquiries regarding reproduction or distribution of any Constant Contact material, pleasecontact legal@constantcontact.com.</CopyRight><OpenTracking/><!--  Do NOT delete previous line if you want to get statistics on the number of opened emails --><CustomBlock name="letter.intro" title="Personalization">    <Greeting/></CustomBlock><table width="100%" cellspacing="0" cellpadding="0" border="0">    <tbody>        <tr>            <td bgcolor="#FFFFFF"><!-- HEADER -->                <table width="630" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                    <tbody>                        <tr>                            <td valign="top" bgcolor="#FFFFFF">                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/1.jpg?ver=1384527780000" /></a>                            </td>                        </tr>                    </tbody>                </table><!-- TABLE ONE - MAIN PHOTO -->                <table width="630" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                    <tbody>                        <tr>                            <td valign="top" bgcolor="#FFFFFF">                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/2.jpg?ver=1384527781000?ver=1384527781000" /></a>                            </td>                        </tr>                    </tbody>                </table><!-- TABLE TWO - LEFT & RIGHT COLUMNS -->                <table width="630" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                    <tbody>                        <tr>                            <td valign="top"><!-- TABLE TWO - LEFT COLUMN -->                                                            <table width="222" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                                    <tbody>                                        <tr>                                            <td colspan="3" valign="top" bgcolor="#FFFFFF">                                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/3.jpg?ver=1384527781000?ver=1384527781000?ver=1384527781000" /></a>                                            </td>                                        </tr>                                        <tr>                                            <td colspan="3" valign="top" bgcolor="#FFFFFF">                                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/6.jpg?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000" /></a>                                            </td>                                        </tr><!-- TABLE TWO - LEFT COLUMN - SOCIAL MEDIA -->                                        <tr>                                            <td valign="top" bgcolor="#FFFFFF">                                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/8.jpg?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000" /></a>                                                </td>                                                <td valign="top" bgcolor="#FFFFFF">                                                        <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/9.jpg?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000" /></a>                                                </td>                                                <td valign="top" bgcolor="#FFFFFF">                                                        <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/10.jpg?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000" /></a>                                            </td>                                            </tr>                                    </tbody>                                </table>                                   </td>                            <td valign="top"><!-- TABLE TWO - RIGHT COLUMN -->                                <table width="408" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                                    <tr>                                        <td valign="top" bgcolor="#FFFFFF">                                            <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/4.jpg?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000?ver=1384527782000" /></a>                                        </td>                                    </tr>                                    <tr>                                        <td valign="top" bgcolor="#FFFFFF">                                            <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/5.jpg?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000?ver=1384527783000" /></a>                                        </td>                                    </tr>                                    <tr>                                        <td valign="top" bgcolor="#FFFFFF">                                            <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/7.jpg?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000?ver=1384527784000" /></a>                                        </td>                                    </tr>                                </table>                            </td>                        </tr>                    </tbody>                </table><!-- TABLE THREE -->                <table width="630" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                    <tbody>                        <tr>                            <td valign="top" bgcolor="#FFFFFF">                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/11.jpg?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000" /></a>                            </td>                        </tr>                    </tbody>                </table><!-- FOOTER -->                <table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF">                    <tbody>                        <tr>                            <td valign="top" bgcolor="#FFFFFF">                                <a href=""><img style="display:block; margin: 0; padding: 0;" src="https://origin.ih.constantcontact.com/fs114/1115667751850/img/12.jpg?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000?ver=1384527785000" /></a>                            </td>                        </tr>                    </tbody>                </table>            </td>        </tr>    </tbody></table></body></html>
Edited by nikijonesagency

Share this post


Link to post
Share on other sites

Well, I can't help. I can't seem to figure out where to enable HTML entry in Outlook.com.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...