Hello,
I sliced a jpeg in photoshop, uploaded the slices to Marketo, placed the html into an email and sent multiple tests to different email clients. I also checked the html in Dreamweaver. Everything seems to be fine, but once sent, the email shows up with gaps in between each slice. This doesn't happen when I send the email from any source other than Marketo. Why is this happening and is there anyway to fix it?
Solved! Go to Solution.
I've run into this before.
Add this into any of your image tags:
style="display:block"
Sometimes email clients add spacing to images, that code tells them to leave the image alone.
Mike,
I've never heard of a sliced jpeg or how you are adding it to the email. Can you post screenshots or html code?
How are you loading this into Marketo? Are you using Replace HTML?
I would highly discourage you from using images as your sole email content. Not only does this approach severely affect your deliverability rates (since most spam prevention filters use a ratio of images to text as a basis), but those that don't have images turned on, will not see your email content. I don't know if this is the approach you're using, but just thought I'd provide some insight if you are.
Can you post the code as Josh mentioned? Otherwise, I am not sure what you're trying to do. I can let you know what is happening.
Dan's point is very true.
Now, usually this happens when you email template is missing some html and/or css code to tell it not to add borders and space between cells.
Typically : border:none; padding:0;margin: 0; border-spacing: 0
-Greg
Thanks for your responses.
Don't get me wrong, I agree with Dan as well. It was the practice of my company to send all emails this way until my coworker and I convinced them to stop, which is why we invested in Marketo. Unfortunately, with this email, I am stuck between a rock and a hard place and don't have an option.
Thanks for your help everyone
Here is the html:
<html>
<head>
<title>StaffingLines_StaffingWorld_Blast_Aug_2015</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (StaffingLines_StaffingWorld_Blast_Aug_2015.jpg) -->
<table id="Table_01" width="601" height="868" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="5">
<a href="http://www.nsmworkcomp.com/staffing-workers-compensation-insurance/">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_01...." width="180" height="107" border="0" alt="Staffing Lines"></a></td>
<td colspan="7">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_02.jp..." width="420" height="7" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_03.jp..." width="147" height="792" alt=""></td>
<td colspan="4">
<a href="mailto:jlporter@nsminc.com">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_04...." width="256" height="43" border="0" alt="jjlporter@nsminc.com"></a></td>
<td rowspan="7">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_05.jp..." width="17" height="820" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_06.jp..." width="256" height="31" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_07.jp..." width="105" height="20" alt=""></td>
<td>
<a href="tel://800-970-9778">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_08...." width="151" height="20" border="0" alt="800-970-9778"></a></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_09.jp..." width="82" height="726" alt=""></td>
<td colspan="2" rowspan="2">
<a href="mailto:jlporter@nsminc.com">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_10...." width="174" height="20" border="0" alt="jlporter@nsminc.com"></a></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_11.jp..." width="180" height="692" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_12.jp..." width="174" height="706" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="678" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_13.jp..." width="15" height="68" alt=""></td>
<td colspan="2" rowspan="2">
<a href="http://www.nsmworkcomp.com/staffing-workers-compensation-insurance/">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_14...." width="216" height="40" border="0" alt="Staffing Lines"></a></td>
<td rowspan="3">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_15.jp..." width="96" height="68" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_16.jp..." width="73" height="40" alt=""></td>
<td colspan="4" rowspan="2">
<a href="http://www.staffingworld.org">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_17...." width="200" height="40" border="0" alt="www.staffingworld.org"></a></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_18.jp..." width="216" height="28" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="165" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="73" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="151" height="1" alt=""></td>
<td>
<img src="http://www.nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="17" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<div style="width:600px;">
<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">Disclaimer: Use of email is inherently insecure. NSM Insurance Group (NSM) does not guarantee the accuracy of any email or email attachment that an email will be received by NSM or that NSM will respond to any email. </p>
<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">This email message is confidential and/or privileged. Use of the information contained in this email by anyone other than the intended recipient is strictly prohibited. If you have received this message in error, please notify the sender immediately and promptly destroy any record of this email. </p>
<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">The information transmitted in this email and any email attachments does not necessarily represent the views of NSM. We have made all reasonable efforts to ensure that this email and any attachments are free from viruses but it is the responsibility of the recipient to carry out all necessary virus checks and NSM accepts no liability in connection therewith. In California, Insurex is "NSM P&C Insurance Marketing”. In New York, NSM Insurance Group is “NSM Insurance Services" .</p>
<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">This e-mail was sent by: NSM Insurance Group, Inc. 555 North Lane, Suite 6060, Conshohocken, PA 19428.</p>
<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">To opt-out of receiving these emails, <a href="http://www.nsminc.com/privacy.aspx">click here</a>.</p></div>
</div>
</body>
</html>
Ok, how does it look in other platforms. Can you post screenshots.
There's also an extra </div> in there...
Unless I'm missing something I can't seem to reproduce this issue. Can you post a screenshot of how you are expecting this email to look? I sent it to myself and it seems to like the way you want it to.
This is how I receive it in tests and when I send it out through an actual program. As you can see there are a few gaps and shifts.
Please contact me at jcooperman@marketo.com and we can discuss, I am not seeing that.