Email with text and and sliced images

Hi,

I have created and email .. it has a sliced images and a few cells with text,

its reletively simple, and it looks exactly as it should when i open it up as a html file in a browser.

The problem is when i email it, it goes all wonky in all email apps.

am i doing something obviously wrong here....

any idea why id doesn't look the same.

>>>code attached below>>>
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #125077;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1.psd) -->
<table width="596" height="785" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
	<tr>
		<td colspan="16">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_01.jpg" width="595" height="197" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="197" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="12">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_02.jpg" width="23" height="330" alt=""></td>
		<td colspan="2" rowspan="5">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_03.jpg" width="62" height="132" alt=""></td>
		<td colspan="6">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_04.jpg" width="238" height="28" alt=""></td>
		<td rowspan="5">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_05.jpg" width="26" height="132" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_06.jpg" width="232" height="34" alt=""></td>
		<td rowspan="5">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_07.jpg" width="14" height="132" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="28" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="2" align="center" valign="middle" bgcolor="#ECF5FC" ><p align="center"><strong>INDEPENDENCE</strong><br>
		You place your order anytime that suits <FONT color="#0099FF"> - Day or Night -</FONT> </p></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2" align="center" valign="middle" bgcolor="#599DC4"><p><font color="#FFFFFF">Order right up to<br>
        <strong>5pm Sunday</strong> for<br>
		<strong>Monday</strong> delivery.</font></p></td>
		<td rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_10.jpg" width="21" height="79" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="2"><img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_11.jpg" width="238" height="34" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_12.jpg" width="232" height="19" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_13.jpg" width="572" height="39" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2" align="center" valign="middle">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_14.jpg" width="5" height="94" alt=""></td>
		<td colspan="3" rowspan="2" align="center" valign="middle" bgcolor="#599DC4">The ONLY place in Ireland where you can buy quality brands such as Zahler, wiring accessories abd Galnz Lighing.</td>
		<td rowspan="3">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_16.jpg" width="44" height="95" alt=""></td>
		<td colspan="5" align="center" valign="middle" bgcolor="#D9ECFB"><p><strong>HUGE STOCKS</strong><br>
	    Over<FONT color="#0099FF"> 4000 product lines </FONT>instock now.</p></td>
		<td colspan="4">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_18.jpg" width="109" height="71" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="71" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_19.jpg" width="190" height="24" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_20.jpg" width="108" height="24" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_21.jpg" width="230" height="37" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_22.jpg" width="342" height="36" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_23.jpg" width="293" height="27" alt=""></td>
		<td colspan="7" rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_24.jpg" width="279" height="28" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="27" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_25.jpg" width="112" height="1" alt=""></td>
		<td colspan="3" rowspan="2" align="center" valign="middle" bgcolor="#BDE0F6"><p><strong>NO FUSS</strong><br>
	    Price your	own jobs quickly and easily <font color="#0099ff">without the hassle</font> of dealing with pushy sales reps.</p></td>
		<td rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_27.jpg" width="1" height="98" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_28.jpg" width="22" height="257" alt=""></td>
		<td colspan="4">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_29.jpg" width="113" height="97" alt=""></td>
		<td colspan="7">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_30.jpg" width="279" height="97" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="97" alt=""></td>
	</tr>
	<tr>
		<td colspan="15">
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/mail_31.jpg" width="573" height="160" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="160" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="22" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="57" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="50" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="118" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="44" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="26" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="137" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="73" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="http://www.meteorelectrical.co.uk/emails/april1st/images/spacer.gif" width="14" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<div align="center">
  <!-- End Save for Web Slices -->
</div>
</body>
</html>

Open in new window

LVL 2
meteorelecAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
LZ1Connect With a Mentor Commented:
I've personally only used Mailchimp and actually just finished testing yours and it works out fine.  I'm using Outlook 2003 though. Nothing seems to be funky with the code either.
0
 
LZ1Commented:
What are you using to send it out?  
0
 
meteorelecAuthor Commented:
i have used both
  1. mailvivo.co.uk
  2. verticalresponse.com

0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
meteorelecAuthor Commented:
should i use something else for the purposes of trouble-shoting ???
0
 
meteorelecAuthor Commented:
Mailchimp is much better,
 
Thanks
0
 
LZ1Commented:
No problem! Glad to help.  
0
All Courses

From novice to tech pro — start learning today.