Constant Contact tracking image causing gap at top of html emails

We are using Constant Contact, building a custom html email and have pasted the code into the advanced editor section.

When we send out a test email, the top of the email actually begins about 1 inch down from the top when viewed in Outlook.

That 1 inch gap at the top is caused by Constant Contact's automatic insertion of a tracking image - an image that when the recipient opens the email, it is recorded at Constant Contact.

Here is the code for your reference of that code that is auto-inserted by CC when the email is sent (see code)

Is there a way to tell CC NOT to insert this code? It is breaking our html email.

Or perhaps it can be configured to instead insert it at the very bottom of the email?

Anyone else run into this? Any solutions?

Thanks experts!
<img alt=" " height="1" src="http://rs6.net/on.jsp?t=1102201804531.0.1011306087038.0&o=http://ui.constantcontact.com/images/p1x1.gif" width="1"/>

Open in new window

LVL 1
rascalAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

gwkgCommented:
Have you tried contacting Constant Contact?  They have live chat and a toll free number for support.

http://ui.constantcontact.com/support/index.jsp?content=options.jsp


0
rascalAuthor Commented:
I did:
CC: If you don't want to link text, then don't surround it with <a> tags.
ME: ??WHAT?? did you even read my question?
CC: CC does not insert this code.
ME: Yes it does (demo follows)
CC: Oh, ok. This code does not cause a problem though.
ME: Yes it does (demonstration)
CC: Oh, ok. We'll get back to you.
ME: Yeah right - that was days ago....
To all web designers and developers - if a choice between iContact and Constant Contact, choose iContact if you don't want the CC auto-inserted link tracking code to break your html.
0
gwkgCommented:
I usually give it one, or even two more tries with customer service just to make sure it wasn't an isolated rep that was clueless, but nothing aggravates me more than having conversations with customer service like the one you had.

Is it possible to look at the html of your email?  Maybe there is a way to hide that tracking pixel through the style sheet.

http://www.constantcontact.com/aka/docs/pdf/AdvancedFeatures.pdf
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

rascalAuthor Commented:
That may be possible, I tried adding a style for img that made it invisible, but that didn't help. I am inclined to think it may be related to some other aspect of the cc-inserted code. Here is the html that gets sent to the client. Note the <img> tag immediately following the <body> tag. That is the tag that is causing the gap.

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:cctd="http://www.constantcontact.com/cctd">
<head>
<base href="http://www.luminositymarketing.com/enewsletter/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luminosity Marketing E-Newsletter</title>
<style type="text/css">
<!--
html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:#efecea;
}
 
-->
</style>
</head><body><img alt=" " height="1" src="http://rs6.net/on.jsp?t=1102629588287.0.1011306087038.0&o=http://ui.constantcontact.com/images/p1x1.gif" width="1"/>
 
<center>
  <table width="577" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
    <tr>
      <td width="577" align="left" valign="top">&nbsp;</td>
    </tr>
  </table>
</center>
<br/>
<table bgcolor="#ffffff" padding="0" width="100%"><tr align="center"><td><table bgcolor="#ffffff" width="595"><tr><td colspan="2"><font face="verdana,arial" size="1"><b><a href="http://ui.constantcontact.com/sa/fwtf.jsp?m=1011306087038&ea=mfindlay%40speakeasy.org&a=1102629588287&id=preview" style="color: #0000ff;" target="_blank">Forward email</a></b></font><br/>
<br/>
</td></tr>
<tr><td><font face="verdana,arial" size="1"><FooterContent><a href="http://visitor.constantcontact.com/d.jsp?p=un&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" target="_blank"><img alt="Safe Unsubscribe" border="0" src="http://img.constantcontact.com/letters/images/safe_unsubscribe_logo.gif"/></a>
<div>This email was sent to mfindlay@speakeasy.org by <a href="mailto:mfindlay@speakeasy.org" style="color:#0000ff;">mfindlay@speakeasy.org</a>.</div>
<div><a href="http://visitor.constantcontact.com/d.jsp?p=oo&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" style="color:#0000ff;" target="_blank">Update Profile/Email Address</a> | Instant removal with <a href="http://visitor.constantcontact.com/d.jsp?p=un&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" style="color:#0000ff;" target="_blank">SafeUnsubscribe</a>&trade; | <a href="http://ui.constantcontact.com/roving/CCPrivacyPolicy.jsp?id=preview" style="color:#0000ff;" target="_blank">Privacy Policy</a>.</div></FooterContent></font>
</td>
<td><font face="verdana,arial" size="1"><FooterLogo><div style="word-wrap:normal;color:#666666;padding-bottom:5px;"><a href="http://www.constantcontact.com/index.jsp?cc=custom01" style="text-decoration:none;color:#666666;" target="_blank">Email Marketing</a> by</div><a href="http://www.constantcontact.com/index.jsp?cc=custom01"><img border="0" src="http://img.constantcontact.com/letters/images/cc-logo-color-sm.gif"/></a></FooterLogo></font>
</td>
</tr>
<tr><td colspan="2"><font face="verdana,arial" size="1"><br/>Sage Computer Services | 8717 31st Ave NW | Seattle | WA | 98117</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br/>
</body>
 
</html>

Open in new window

0
gwkgCommented:
how about a negative margin or padding on the body tag?

margin-top:-1px;

or padding-top:-1px;

OR

a negative margin on the image

0
rascalAuthor Commented:
I tried that, didn't work - I'm inclined to think it has something to do with the jsp processing, but I couldn't say what.
0
gwkgCommented:
It is strange that a 1px image after the opening body tag would break the content.  

All it should do is push the table down 1px.
0
rascalAuthor Commented:
Constant Contact support has admitted defeat - they cannot fix it.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Internet Marketing

From novice to tech pro — start learning today.