Hi guys,
I used Mozilla Thunderbird to send the following email to myself, (it is one of the few email clients that lets you compose in html format) but the images weren’t showing when I checked my hotmail, they weren’t blocked ,they simply weren’t there. I have used full urls, don’t really understand it, could possibly be my table code as I normally design in pure css so I’ve brought it to the experts on here:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Who we are | Potential Club</title>
<meta name="generator" content="Inspire 2.0.3"/>
<meta name="generator" content="Woo Framework Version 2.9.08"/>
<link rel="shortcut icon" href="http://potentialclub.co.uk/wp-content/uploads/2010/09/favicon.bmp"/>
</head>
<body style="margin:0;padding:0;min-width: 940px;font: 14px/20px "Droid Sans", "Myriad Pro", Helvetica, Arial, sans-serif;">
<table cellspacing="0" style="width:70%;padding:40px;height:170px;background:url(http://potentialclub.co.uk/wp-content/themes/inspire/images/bg.jpg);">
<tr>
<td>
<h1 style="color:#fff;font-size:40px;">Potential Club</h1>
<span style="color: #4EA0F4;font: italic 14px "Droid Serif", "Georgia", serif;">Potential Club is an organisation inspired by what is possible</span>
</td>
</tr>
</table>
<table style="width:70%;border:solid 3px #4EA0F4;" cellspacing="0" cellpadding="0">
<tr>
<td valign="center" style="padding-left:40px;border-bottom: 1px solid #AAAAAA;color: #666666;line-height: 50px;width:100%;background: url(http://potentialclub.co.uk/wp-content/themes/inspire/images/bg-breadcrumb.png) repeat-x;">
<h3 style="margin:0;">FA0 Helen @ P.R. Company</h3>
</td>
<tr>
<td style="padding: 50px 0 30px;border-bottom: 1px solid #AAAAAA;color: #000;width:100%;background:#fff url(http://potentialclub.co.uk/wp-content/themes/inspire/images/bg-content-top.png) repeat-x;">
<p style="padding-left:40px;">Dear Helen</p>
<p style="padding-left:40px;">You mentioned you would like the following:</p>
<ul style="padding-left:60px;padding-right:40px;font-size:16px;list-style-type:square;">
<li style="margin:5px 0;color: #00f;font-weight:400;">Better or more open communication. Tell me what you think that means. </li>
<li style="margin:5px 0;color: #00f;font-weight:400;">Not to have the tense days. Explain in more detail so we can understand the symptoms. </li>
<li style="margin:5px 0;color: #00f;font-weight:400;">Better or more open communication. Tell me what you think that means. </li>
<li style="margin:5px 0;color: #00f;font-weight:400;">You want more structure e.g. roles, responsibilities, procedures. This is an important area and one that will allow you to breathe. Once the procedures are in place and people have more clarity things should become much easier. All that is left t do from there is create good habits for a few months and you should create a sense of calm and clarity in the office.</li>
</ul>
<p style="padding-left:40px"><strong >Please take some time these need to be specific measurable results. </strong><br/><br/>Follow the hyperlink below through to our survey: </p>
<a style="margin-left:100px;color:#00f;" href="http://potentialclub.co.uk/contact-us/">Potential Club Client Survey</a>
</td>
</tr>
</tr>
</table>
<table style="width:70%;" cellspacing="0">
<tr>
<td style="background:#282828 url(http://potentialclub.co.uk/wp-content/themes/inspire/images/bg-content-top.png) repeat-x;height:100px;">
<p style="color:#ccc;padding-left:50px;font: 12px/18px 'Droid Sans','Myriad Pro',Helvetica,Arial,sans-serif;">Copyright 2012 Potential Club</p>
</td>
</tr>
</table>
<!-- /#wrapper -->
</body>
</html>