nikijonesagency Posted November 15, 2013 Share Posted November 15, 2013 (edited) 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 November 15, 2013 by nikijonesagency Link to comment Share on other sites More sharing options...
davej Posted November 15, 2013 Share Posted November 15, 2013 (edited) You want us to help you generate spam? Edited November 15, 2013 by davej Link to comment Share on other sites More sharing options...
nikijonesagency Posted November 15, 2013 Author Share Posted November 15, 2013 You need to repost this inside the <> codeblocks. The post has been updated. Link to comment Share on other sites More sharing options...
nikijonesagency Posted November 15, 2013 Author Share Posted November 15, 2013 You want us to help you generate spam? If you're going to be a smartass, please walk away. It's a monthly newsletter sent out to to customers who ask to receive it from the client. Link to comment Share on other sites More sharing options...
davej Posted November 16, 2013 Share Posted November 16, 2013 Well, I can't help. I can't seem to figure out where to enable HTML entry in Outlook.com. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now