KR
0
Android 4.4 Image Not Showing In Email Test
Hi,
I'm building an email that's going out at the weekend.
I'm doing my usual tests in Litmus and Android 4.4, the main image isn't showing. The size isn't too big and the coding is working for everything else.
Why is it doing this? Coding wrong?
Thanks
Katy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Seasalt Cornwall</title>
<style type="text/css">
div, p, a, li, td { -webkit-text-size-adjust:none; }
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}
.ExternalClass * {line-height: 100%;
mso-line-height-rule:exactly;}
a:visited {color:#202F5A;}
a:active {color:#202F5A;}
.applelinksgrey a {color: #676767 !important; text-decoration: none;}
.applelinksnavy a {color: #1D3058 !important; text-decoration: none;}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
</style>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="min-width:600px;">
<tr>
<td width="600" valign="top" align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" >
<tr>
<td width="600" height="5" style="height:5px; font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="430" align="left" ><a target="_blank" href="#SPCLICKTOVIEW" xt="SPCLICKTOVIEW" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none;" ><span class="applelinksgrey">New garments to treasure in our prized fabric </span></a></td>
<td width="170" align="right" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal;"><a target="_blank" href="#SPCLICKTOVIEW" xt="SPCLICKTOVIEW" style="color:#676767; text-decoration:none;" name="view_online"><span class="applelinksgrey">Can't read this postcard?</span></a> </td>
</tr>
</table> </td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="15" style="height:15px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<td width="150" align="center"><a target="_blank" href="https://www.seasaltcornwall.co.uk/" style="color:#C6173E; text-decoration:none;" name="seasalt_logo">
<img src="images/seasalt-cornwall.jpg" align="center" width="150" height="80" alt="Seasalt Cornwall" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none;" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" height="25" style="height:25px; font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td width="600" align="center">
<a target="_blank" href="https://www.seasaltcornwall.co.uk/women" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none; letter-spacing: 1px;" ><span class="applelinksgrey">CLOTHING</span></a>
<a target="_blank" href="https://www.seasaltcornwall.co.uk/all-accessories" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none; letter-spacing: 1px;" ><span class="applelinksgrey">ACCESSORIES & FOOTWEAR</span></a>
<a target="_blank" href="https://www.seasaltcornwall.co.uk/waterproof-outdoor-technical-jackets" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none; letter-spacing: 1px;" ><span class="applelinksgrey">RAIN</span></a>
<a target="_blank" href="https://www.seasaltcornwall.co.uk/cornish_home" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none; letter-spacing: 1px;" ><span class="applelinksgrey">HOMEWARE</span></a>
<a target="_blank" href="https://www.seasaltcornwall.co.uk/sale" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none; letter-spacing: 1px;" ><span class="applelinksgrey">SALE</span></a>
</td>
</tr>
<tr>
<td width="600" height="15" style="height:15px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<!-- CONTENT -->
<tr>
<td width="600" border="0" cellspacing="0" cellpadding="0" align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" ><a href="https://www.seasaltcornwall.co.uk/women/features/linen-clothing" target="_blank"><img src="images/seasalt-linen_01.jpg" width="600" height="515" alt="Seasalt linen - Printmaker dress - an effortless choice for warm days" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none;" border="0" /></a></td>
</tr>
<tr>
<td align="center">
<table height="" width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" ><a href="https://www.seasaltcornwall.co.uk/women/features/linen-clothing" target="_blank"><img src="images/seasalt-linen_02.jpg" width="302" height="212" alt="Shop new linen" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td align="left" valign="top" ><a href="https://www.seasaltcornwall.co.uk/seasalt-life/fit-fabric-product-testing/linen-clothing" target="_blank"><img src="images/seasalt-linen_03.jpg" width="298" height="212" alt="Read why our linen is so special" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal; text-decoration:none;" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- END OF CONTENT -->
<!-- TERMS AND CONDITIONS -->
<!-- END OF TERMS AND CONDITIONS -->
<tr>
<td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="25" style="height:25px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="330" height="55" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="110" align="centre" valign="top"><a href="https://www.seasaltcornwall.co.uk/locations" target="_blank" name="find a shop"><img src="images/find-a-shop.jpg" width="110" height="30" alt="Find a Shop" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="110" align="left" valign="top"><a href="https://www.seasaltcornwall.co.uk/customer/pages/delivery" target="_blank" name="delivery and returns" ><img src="images/delivery-and-returns.jpg" width="110" height="30" alt="Delivery and Returns" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="110" align="center" valign="top"><a href="https://www.seasaltcornwall.co.uk/customer/contact" target="_blank" name="contact us" ><img src="images/contact-us.jpg" width="110" height="30" alt="Contact Us" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
</tr>
<tr>
<td width="600" height="5" style="height:5px; font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td width="110" height="20" align="center" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal;"><a target="_blank" href="https://www.seasaltcornwall.co.uk/locations" style="color:#676767; text-decoration:none;" name="find a shop" ><span class="applelinksgrey">Find a Shop</span></a></td>
<td width="110" height="20" align="center" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal;"><a target="_blank" href="https://www.seasaltcornwall.co.uk/customer/pages/delivery" style="color:#676767; text-decoration:none;" name="delivery and returns" ><span class="applelinksgrey">Delivery & Returns</span></a></td>
<td width="110" height="20" align="center" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#676767; font-weight:normal;"><a target="_blank" href="https://www.seasaltcornwall.co.uk/customer/contact" style="color:#676767; text-decoration:none;" name="contact us" ><span class="applelinksgrey">Contact Us</span></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="25" style="height:25px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" align="center">
<table width="290" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="38" align="center" ><a href="http://www.facebook.com/pages/Seasalt-Clothing/205878630683?ref+mf" style="color:#ffffff; text-decoration:none;" name="facebook"><img src="images/facebook.jpg" width="38" height="32" alt="f" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="38" align="center" ><a href="http://www.twitter.com/seasaltclothing" style="color:#ffffff; text-decoration:none;" name="twitter"><img src="images/twitter.jpg" width="38" height="32" alt="t" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="38" align="center" ><a href="https://plus.google.com/+seasaltclothing/" style="color:#ffffff; text-decoration:none;" name="google+"><img src="images/google-plus.jpg" width="38" height="32" alt="g" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="38" align="center" ><a href="https://uk.pinterest.com/seasaltclothing/" style="color:#ffffff; text-decoration:none;" name="pinterest"><img src="images/pinterest.jpg" width="38" height="32" alt="p" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="38" align="center" ><a href="https://vimeo.com/seasaltclothing" style="color:#ffffff; text-decoration:none;" name="vimeo"><img src="images/vimeo.jpg" width="38" height="32" alt="v" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="38" align="center" ><a href="http://instagram.com/seasaltcornwall" style="color:#ffffff; text-decoration:none;" name="instagram"><img src="images/instagram.jpg" width="38" height="32" alt="i" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
<td width="62" align="center" ><a href="https://www.seasaltcornwall.co.uk/blog/" style="color:#202F5A; text-decoration:none;" name="blog"><img src="images/blog.jpg" width="62" height="32" alt="Blog" style="display:block; font-family: arial, verdana, sans-serif; font-size:13px; color:#202F5A; font-weight:normal; text-decoration:none;" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" valign="top" align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="25" style="height:25px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" align="center">
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="200" align="center" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#ffffff; font-weight:normal;"><a href="https://www.seasaltcornwall.co.uk/seasalt-life/sophie-chadwick-seasalt/seasalt-35-birthday" style="color:#ffffff; text-decoration:none;" name="birthday"><img src="images/35th-anniversary.jpg" width="200" height="50" alt="It's our birthday" style="display:block;" border="0" /></a>
</td>
<td width="200" align="center" style="font-family: arial, verdana, sans-serif; font-size:13px; color:#ffffff; font-weight:normal;"><a href="https://www.seasaltcornwall.co.uk/customer/pages/about/queens-awards" style="color:#ffffff; text-decoration:none;" name="queens-awards"><img src="images/queens-award.jpg" width="200" height="50" alt="The Queens Awards" style="display:block;" border="0" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" valign="top" align="center">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="20" style="height:20px; font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" align="center" style="font-family: arial, verdana, sans-serif; font-size:12px; color:#888888; font-weight:normal;">
<br />
<a target="_blank" href="https://www.seasaltcornwall.co.uk/customer/contact" style="font-family: arial, verdana, sans-serif; font-size:12px; color:#676767; font-weight:normal; text-decoration:none;" ><span class="applelinksgrey">Seasalt Limited. Registered in England and Wales Company Number:2259954<br />
Registered Office: Unit 8 Falmouth Business Park, Bickland Water Road, Falmouth, Cornwall TR11 4SZ</span></a><br />
<br />
If you would prefer not to receive future emails from us, please <a target="_blank" href="#SPONECLICKOPTOUT" style="color:#1D3058; text-decoration:none;" name="unsubscribe" xt="SPONECLICKOPTOUT"><span class="applelinksnavy">unsubscribe</span></a><br />
</td>
</tr>
</table>
</body>
</html>
Your images are using relative paths. Try using the full address for each. Change the src from "images/imagename.jpg" to "https://www.seasaltcornwall.co.uk/images/imagename.jpg" (assuming that is the correct path to your images).
Hi Katy,
It could just be litmus by the sounds of it, but maybe you could put it in builder and share with us, so we can have a proper look?
Is your 'main image' the one below as i can't be 100% sure off that description:
Cheers!
Hi Mark,
I think that's the main logo at the top, below is the main 3 images, the first row is the image thats not working. I hope its just a litmus thing, I haven't done anything unusal.
Thanks for the help
Katy