dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Creating HTML Newsletters

  1. #1
    Join Date
    Feb 2008
    Posts
    4

    Creating HTML Newsletters

    Hi

    Is it possible to reconfigure the following code so that it it will work in an email sent through outlook? i can preview it through internet explorer but when i copy and paste it into an email nothing happens.

    Due to the character limit I will put the code in a post below..I appologise for all the code - i just dont know how too I didn’t know how to put the code into a box and my IT capabilities are really limited!!!

    Many Thanks!

  2. #2
    Join Date
    Feb 2008
    Posts
    4
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <link rel="shortcut icon" href="http://www.handling-concepts.co.uk/favicon.ico" type="image/x-icon" />
    <title>Newsletter Preview</title>
    <style type="text/css">
    <!--
    .style1 {font-size: 12px}
    -->
    </style>
    </head>
    <body>
    <table width="570" border="1" cellpadding="0" cellspacing="0" bordercolor="#3475BA" style="background-image: url(../newsletters/imageElements/bg.jpg);background-repeat: no-repeat;">
    <tr>
    <td align="center">
    <table width="100%">
    <tr>
    <td height="120" align="center" valign="top" background="../newsletters/imageElements/logo.gif">
    <table width="100%" border="0" cellspacing="0">
    <tr>
    <td width="100">&nbsp;</td>
    <td style="font-family:Arial, Helvetica, sans-serif; font-size:12px"><a name="top" id="top"></a>If you are having problems reading this email please <a href="http://www.handlingconcepts.co.uk/newsletters/">click here</a></td>
    <td width="100">&nbsp;</td>
    </tr>
    <tr>
    <td width="100">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="100">&nbsp;</td>
    </tr>
    <tr>
    <td width="100">&nbsp;</td>
    <td colspan="2" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:16px">Problem Solvers in Material Handling&nbsp; </td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="27" background="../newsletters/imageElements/horizontalBar.jpg"><table width="570" border="0">
    <tr>
    <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003366;">Newsletter: 12 February 2008</td>
    <td align="right" valign="bottom" style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#003366"><span class="style1">Recipient name goes here</span></td>
    </tr>
    </table></td>
    </tr>
    <tr><td>
    <img src="http://www.handling-concepts.co.uk/newsletters/imageElements/banners/building.jpg" alt="http://www.handling-concepts.co.uk/newsletters/imageElements/banners/building.jpg" />
    </td>
    </tr>
    <tr>
    <td align="center" valign="middle"><table width="540" height="80" border="0" cellspacing="10">
    <tr>
    <td align="center" valign="middle" background="../newsletters/imageElements/nav.gif" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">
    <a href='#1'>Southern Manufacturing... 2008</a>&nbsp;|&nbsp;<a href='#2'>“Coil handling….” </a>&nbsp;|&nbsp;<a href='#3'>Is 25kg..? </a> </td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="29" align="left" valign="bottom" background="../newsletters/imageElements/Section1.gif" style="font-family:Arial, Helvetica, sans-serif; font-size:12px"><img src="../newsletters/imageElements/spacer.gif" />
    <a name='1' id='1'></a>Southern Manufacturing...</td>
    </tr>
    <tr>
    <td width="33%" align="center" valign="middle"><table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="3375B8" bgcolor="E5EAEF">
    <tr>
    <td align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:10px"><span class="style1">
    <table width="100px" cellpadding="5" cellspacing="0" border="1" bordercolor="#3375B8" bgcolor="#FFFFFF" align="left" style="margin:0px 5px 5px 0px"><tr align=center><td><a href="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Southern.jpg" target="_blank" title="Click to launch in browser"><img src="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Southern.jpg" alt="Content Image" width="100px" border="0" /></a></td></tr></table>XX will be exhibiting.<br /><br />
    </span></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="center"><table width="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="33%" align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">
    <a href="http://www.handling-concepts.co.uk/url.asp?id=81&rid=2741" target="_blank">For details... </a>

    </td>
    <td width="34%" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><a href="mailto:info@handlingconcepts.co.uk?subject=Enquiry from newsletter">info@XX.co.uk</a></td>

    <td align="right"><a href="#top" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">Back to Contents</a> &nbsp; </td>

    <td width="10" valign="bottom"><a href="#top"><img src="../newsletters/imageElements/upArrow.gif" alt="up arrow" width="11" height="16" border="0" /></a></td>
    </tr>
    </table></td>
    </tr>

    <tr>
    <td height="29" align="left" valign="bottom" background="../newsletters/imageElements/Section.gif" style="font-family:Arial, Helvetica, sans-serif; font-size:12px"><img src="../newsletters/imageElements/spacer.gif" /><img src="../newsletters/imageElements/spacer.gif" />
    <a name='2'id='2'></a>“Coil handling…. more gain and less pain” </td>
    </tr>
    <tr>
    <td align="center"><table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="3375B8" bgcolor="E5EAEF">
    <tr>
    <td align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:5 px"><span class="style1">
    <table width="100px" cellpadding="5" cellspacing="0" border="1" bordercolor="#3375B8" bgcolor="#FFFFFF" align="left" style="margin:0px 5px 5px 0px"><tr align=center><td><a href="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Stuaff 010.jpg" target="_blank" title"Click to launch in browser"><img src="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Stuaff 010.jpg" alt="Content Image" width="100px" border="0" /></a></td></tr></table>Handling...<br /><br />
    </span></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="center"><table width="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="33%" align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">
    <a href="http://www.handling-concepts.co.uk/url.asp?id=82&rid=2741" target="_blank">Find out more</a>
    </td>
    <td width="34%" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><a href="mailto:info@handlingconcepts.co.uk?subject=Enquiry from newsletter">info@handlingconcepts.co.uk</a></td>

    <td width="33%" align="right"><a href="#top" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">Back to Contents</a> &nbsp;</td>

    <td width="10" valign="bottom"><a href="#top"><img src="../newsletters/imageElements/upArrow.gif" alt="up arrow" width="11" height="16" border="0" /></a></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="29" align="left" valign="bottom" background="../newsletters/imageElements/Section.gif" style="font-family:Arial, Helvetica, sans-serif; font-size:12px"><img src="../newsletters/imageElements/spacer.gif" /><img src="../newsletters/imageElements/spacer.gif" />
    <a name='3'id='3'></a>Is 25kg the limit? </td>
    </tr>
    <tr>

    <td align="center"><table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="3375B8" bgcolor="E5EAEF">
    <tr>
    <td align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:10px"><span class="style1">
    <table width="100px" cellpadding="5" cellspacing="0" border="1" bordercolor="#3375B8" bgcolor="#FFFFFF" align="left" style="margin:0px 5px 5px 0px"><tr align=center><td><a href="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Marshalls 04_2.jpg" target="_blank" title"Click to launch in browser"><img src="http://www.handling-concepts.co.uk/newsletters/imageElements/contentImages/Marshalls 04_2.jpg" alt="Content Image" width="100px" border="0" /></a></td></tr></table> Some...<br />
    </span></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="center"><table width="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="33%" align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">

    <a href="http://www.handling-concepts.co.uk/url.asp?id=83&rid=2741" target="_blank">HSE web-site</a>
    </td>
    <td width="34%" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><a href="mailto:info@handlingconcepts.co.uk?subject=Enquiry from newsletter">info@handlingconcepts.co.uk</a></td>

    <td width="33%" align="right"><a href="#top" style="font-family:Arial, Helvetica, sans-serif; font-size:14px">Back to Contents</a> &nbsp;</td>

    <td width="10" valign="bottom"><a href="#top"><img src="../newsletters/imageElements/upArrow.gif" alt="up arrow" width="11" height="16" border="0" /></a></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="30" align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px">Click <a href="http://www.handlingconcepts.co.uk/unsubscribe.asp?id=2741&sn=Swain&nid=58">here</a>unsubscribe</td>
    </tr>
    <tr>
    <td height="27" valign="middle" background="../newsletters/imageElements/bottomBar.gif"><table width="98%" border="0" align="left" cellpadding="0" cellspacing="0" style="font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:5px;">
    <tr >
    <td align="left" valign="top">All content &copy;
    2008
    <a href="http://www.handlingconcepts.co.uk/url.asp?nid=58" target="_blank">Handling Concepts Ltd </a><br />
    <span style="color:#CC0000;">RegN:</span> 2<br />
    <span style="color:#CC0000">TN:</span>11</td>
    <td valign="top">&nbsp;</td>
    <td align="right" valign="top"><span style="color:#CC0000">Tel:</span> +44...<br />
    <span style="color:#CC0000">Fax:</span> +44... <br />
    <span style="color:#CC0000">Email:</span> <a href="mailto:sales@handling-concepts.co.uk">s@XX.co.uk</a></td>
    </tr>
    <tr>
    <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="3" align="left"><span style="color:#CC0000">address:</span><br />
    A.
    dd.
    r,
    e,
    ss
    </td>
    </tr>
    </table></td>
    </tr></table></td>
    </tr>
    </table>
    <p><a href="newsletterDetails.asp?id=58&amp;sections=3" style="font-family:Arial, Helvetica, sans-serif; font-size:16px">Return to edit</a></p>
    </body>
    </html>

  3. #3
    Join Date
    Feb 2008
    Posts
    4
    for some reason i cant post the code up.. if anyone is able to have a look at it for me then that would be great, i can send it via PM!

    thanks a lot!

  4. #4
    Join Date
    Feb 2008
    Location
    Amsterdam, The Netherlands
    Posts
    273
    Tman,

    What do you mean you can't post the code up? You previous message containted the code in question, didn't it? (Just wanna make sure I'm not testing the wrong code.)

  5. #5
    Join Date
    Feb 2008
    Posts
    4
    yeah sorry it initially looked like it wasnt going to work but it seems to have put it up anyway! that is the code i am working with!

  6. #6
    Join Date
    Feb 2008
    Location
    Amsterdam, The Netherlands
    Posts
    273
    OK.

    Well, the code is allright, in terms of functionality, so that's not the problem. I would think the problem is how you put the code in an email. In my version of Outlook (2003), I cannot edit, and therefore not paste into the source of emails.

    In Outlook Express I could. I would suggest, unless your version of Outlook does allow email source editing, to use Outlook Express. This is how to make the source editing tab appear if you don't see it: View > Source Editing (or something similar, I have a Dutch version). The tab appears at the bottom.

    Just select and delete everyting that you see, and replace it with your code. However, first you have to replace the relative paths of some images with absolute web URLs, in your code. Let me know if you need help with that.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles