[TYPO3-english] Direct Mail

Wed Feb 11 20:34:01 CET 2009

Hi List,

I¹ve installed Direct Mail 2.6.2 but the emails sent don¹t come out looking
like my website. Some images are present but there seems to be no format 
see content below. Is there something I¹m missing with Direct Mail? Do I
need to build a different template for emails?

Regards
Jamie

Small Business Website Design & Solutions: Marketing /*= 4); if
((browserName == "Netscape"  browserVer >= 3) || msie4 ||
browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else
{version = "n2";} // Blurring links: function blurLink(theObject) { // if
(msie4) {theObject.blur();} } // --> /*]]>*/ /* /*]]>*/ /* /*]]>*/

Capital Hosting - Web Design

Small business website design and development solutions

* Website Design 
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=0> Hosting
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=1> Email
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=2> Marketing
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=3> Copywriting
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=4>  Contact Us
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=5>

Categories

<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=6>

Archives

* January 2009 
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=7>

Ignite Your Internet Marketing!
 We've teamed up with Capital Hosting to provide you with a range of
fully-tailored, professionally-managed packages to get your online marketing
up and running, and the business leads & sales flowing!

We understand that choosing cost-effective advertising can be tricky,
time-consuming, and often technically challenging. It's just too easy to
blow your web marketing budget with very low yield.

To get started, browse our no-nonsense guides to online advertising tactics:

* Pay Per Click Advertising
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=8>       from £350/month
* Search Engine Marketing
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=9>       from £400/month
* Get Directory Listed!
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=10>       from £150/month
* Banner Advertising
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=11>  from      £350/month
* Social Media Marketing
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=12>       from £500/month
I sell my products online. How can I improve my Return-on-Advertising-Spend
(ROAS)?
Search Engine Marketing provides a highly effective way to reach users  who
are specifically searching for your products or services. We can help you
drive online sales for your product range using 'mainstream' search engines
like Google and Yahoo!, as well as shopping comparison sites like Yahoo!
Shopping, MSN Shopping, Kelkoo and Pricerunner.

Using conversion tracking technology, we 'optimize' your ad budget in order
to drive more sales from keyword searches that result in business leads or
sales, and reduce budget from from those that don't.

How can we contact you?
 Call us on 0845 6199620 to discuss your needs with a specialist.
Alternatively, click here
<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=13>  to request a quote.

About us:
 Indigo Sky Digital Ltd is a specialist online advertising agency. We work
in partnership with Capital Hosting to provide first class online marketing
services to SMEs. We specialise in search engine marketing, pay-per-click
advertising, SEO, video, display, and social media marketing.

Indigo Sky Digital Ltd is a Google AdWords Qualified Company, a Yahoo!
Search Ambassador, and accredited to the Chartered Institute of Marketing.
We are a limited company in England & Wales with company number 6810396. For
more information visit www.indigoskydigital.com

 Blogroll

<http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC=
cfb1bbd7&jumpurl=14>
 <http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC
=cfb1bbd7&jumpurl=15>
 <http://www.mercury.capitalhosting.co.uk/index.php?id=785&rid=t_7&mid=16&aC
=cfb1bbd7&jumpurl=16>

 © Capital Hosting 2009 - Small business website design and development
solutions 

/*
Theme Name: WordPress Theme 779
Theme URI: http://template-help.com/
Description: A theme from Template-Help.com Collection
Version: 2.7
Author: Template_Help.com
Author URL: http://www.Template-Help.com/
*/
/* CSS Document */

.menu3 ul { margin:0; padding:0px;}
.menu3 li {color:#FF0000; font-weight:normal; text-decoration:none;
text-transform:none; display:block; padding:0px 38px 0px 38px;
background:url(images/bg-li.gif) no-repeat right 2px;}
.menu3 li a:hover{text-decoration:none; color:#000000;}
.menu3 li a:active{text-decoration:none; color:#000000;}

.flash { 
    margin-top: 20px;
    text-align: center;
}

.mailform {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1.09em;
    color : #000000;
    font-weight : normal;
    padding-left: 20px
}
.mailformrequired {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1.09em;
       color : #000000;
    font-weight : normal;
    padding-left: 20px
}
.mailformcomment {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1.09em;
    font-weight : normal;
    color: #000000;
    padding-left: 20px
}
.mailformradio {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1.09em;
    color : #000000;
    font-weight : normal;
    padding-left: 20px
}

td {
font-family: verdana,helvetica;
font-size: 11px;
color: #555555;
}
*{margin:0; padding:0;}
ul{list-style:none;}
body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:14px;
    background:#111111;
    float: 0px 0px 0px 0px;
}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma, Arial, Helvetica, serif; font-size:11px;
color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:153px; height:auto; color:#000000; height:14px;
margin-right:19px; border:1px solid #656565; background:#ffffff;
font-size:1.01em; padding:2px 0px 2px 3px;}
.column-center input, .column-center textarea { margin:3px 0 3px 5px;}

/***end forms*******************************************/

.min-width {width:expression(((document.documentElement.clientWidth ||
document.body.clientWidth) < 980)? "980px" : "100%"); min-width:980px;}
.main {width:980px; margin:0 auto; overflow:hidden; position:relative;}

a {color:#6E8D01; text-decoration:underline;}
a:hover{ color:#e47e00; text-decoration:none;}

.pagetitle { padding:10px; color:#000000; font-weight:normal}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { width:100%; padding-top:0px; overflow:hidden; background:#FFFFFF}

ul { margin:0;}

.side-bar-left { width:198px; margin-right:-198px; position:relative;
float:left;}
.side-bar-left .ind { padding:0px 0px 0px 0px; }

.column-center{float:left; width:100%;}
.indent-center { padding:0px 199px 0px 198px;}

.side-bar-right {
    width:199px;
    margin-left:-199px;
    float:left;
}
.side-bar-right .ind { padding:0px 0px 0px 0px;}

.clear{clear:both;}
.clear-block{ overflow:hidden; padding:0px 0px 0px 0px; width:100%;}

/***global*******************************************/

/***Begin Images *******************************************/
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 0;
    margin: 0px 0px 2px 20px;
    display: inline;
}

img.alignleft {
    padding: 0;
    margin: 2px 34px 2px 0;
    display: inline;
}

.alignright {
    float: right;
    color:#e47e00;
    padding-right:10px;
}

.alignleft {
    float: left;
    color:#e47e00;
    padding-left:10px;
}

.marg { margin-bottom:10px;}
/***End Images *******************************************/

/***header*******************************************/
h2{ font-size:1.61em;}
h3{ font-size:1.31em;}

#header {margin:0 auto; overflow:hidden;
background-image:url(images/bg-top.jpg); top left no-repeat; width:100%;
height:348px;}
/*#header .row1 {overflow:hidden; height:251px; width:100%;}*/

.logo { padding:65px 46px 37px 79px; overflow:hidden;}
h1 {font-size:1em; margin:0; padding:0; color:#FF0000; text-indent:-10000em;
width:330px; height:105px; background:url(images/logo.jpg) top left
no-repeat; cursor:pointer;}
h1:hover {text-decoration:none;}
.description {width:342px; height:22px; text-indent:-10000em;
background:url(images/slogan.jpg) top left no-repeat; overflow:hidden;}

#header .search { padding:0px 18px 0px 0px; margin-top:10px; height:30px;
overflow:hidden; text-align:right; background:url(images/bg-search.gif) top
left no-repeat;}
/*#header .block-search .caption { float:left; padding-right:8px;
padding-top:4px; text-transform:uppercase; color:#efdec2; font-size:1.12em;
font-weight:bold;}*/

.menu { font-size:1.27em; line-height:normal; float:left; overflow:hidden;
text-align:center; padding:0px; padding-top:49px; padding-left:5px;}
.menu a{color:#ffffff; font-weight:normal; text-decoration:none;
text-transform:none; display:block; padding:0px 38px 0px 38px;
background:url(images/bg-li.gif) no-repeat right 2px;}
.menu a:hover{text-decoration:none; color:#f8ff8f;}
.menu a:active{text-decoration:none; color:#f8ff8f;}

/*.menu ul li span {display:block; float:left;}
.menu ul li span span {display:block; float:left;}
.menu ul li span span a {display:block; float:left;}

.menu ul li span.over {background:urlimages/bg-link.gif) top repeat-x;}
.menu ul li span.over span {background:url(images/link-right.gif) top right
no-repeat;}
.menu ul li span.over span a {background:url(images/link-left.gif) top left
no-repeat;}*/

/***end header*******************************************/

/***box*******************************************/
.side-bar-left .bg-col { background:#e2e2e2;}
.side-bar-right .bg-col { background:#e2e2e2; }

#categories .inside-widget {
    padding:0px 0px 0px 0px;
    background:#f5f5f5;
}
#categories.widget li a:hover { color:#000000}

.side-bar-right .inside-widget { padding-left:43px;}

#archives .inside-widget {
    background:#e2e2e2;
}
#archives.widget  h2 { background:url(images/bg-h.gif) no-repeat 15px 16px
#6e6e6e;}
/***box*******************************************/

/***side_bar*******************************************/
.side-bar .inside{ padding:0 0 0 0;}

.widget#categories .children { margin:0 0 0 0px;}
.widget#categories .children li{  font-size:1.01em; padding-left:20px;
background:none}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.inside-widget {
    padding:15px 21px 23px 33px;
    background-image: url(images/bg-li2.gif);
    background-repeat: repeat-x;
}
.widget {
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
    overflow:hidden;
}
.widget h2 {font-size:1.09em; line-height:1.09em; color:#ffffff;
font-weight:bold; text-transform:none; padding:14px 0 11px 31px;
background:url(images/bg-h.gif) no-repeat 15px 16px #444444;}
.widget h2 a {color:#f7f7f7; text-decoration:none;}
.widget h2 a:hover {text-decoration:none;}

.widget ul { margin:0; padding:0px;}
.widget li { font-size:1.09em; line-height:2.84em; color:#7e7b7e;
font-weight:normal; padding:0px;}
.widget li a { color:#7e7b7e; text-decoration:underline;
background:url(images/a2.gif) no-repeat 0 5px; padding-left:15px;}
.widget li a:hover { text-decoration:none;}

/************/

/***********/

/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;}
#calendar_wrap #prev { padding:5px 0px 0px 20px; text-align:left;}
#calendar_wrap caption { color:#3b3b3b; font-weight:bold; font-size:1.11em;}
#calendar_wrap td {width:30px; text-align:right; color:#7e7b7e;
font-size:1.11em;}
#calendar_wrap td a {color:#e47e00;}
#calendar_wrap th { color:#3b3b3b; text-align:right;}
#calendar_wrap a {font-weight:bold;}
/**********************************************/

#tag_cloud .inside-widget { padding:10px 10px 20px 20px;}
#tag_cloud a{ color:#e47e00; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline; color:#e47e00;}

/**********************************************/

#statusbar { text-align:left; color:#1b1f22;}
#statusbar p {padding:10px 15px 10px 15px; margin:0 0 0px 0;}
#statusbar a {font-weight:bold; color:#1b1f22;}

#search .searching { width:140px; height:16px; background:#FFFFFF;
border:1px solid #0a4d81; color:#000000;}

.content .search { padding:10px 0px 0px 10px}

/***end side_bar*******************************************/

/*---nonNumeric Lists without links---*/
.column-center ul li{
    background:url(images/a2.gif);
    padding-left:35px;
    padding-right: 35px;
    list-style-image:none;
    list-style:none;
    line-height:1.62em;
    color:#6E8D01;
    font-weight:normal;
    background-repeat: no-repeat;
    background-position: 20px 7px;
}
.column-center ul li ul{ margin-left:10px; padding-left:35px;}
.column-center ul li ol {margin-left:15px; padding-left:35px;}
.column-center ul li ol li{ list-style-type:decimal;}

/*---Numeric Lists without links---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:13px;
line-height:1.62em; color:#706c65; font-weight:normal;}
.column-center Ol li ul li {
    background:url(images/a2.gif);
    padding-left:35px;
    color:#706c65;
    font-weight:normal;
    background-repeat: no-repeat;
    background-position: 15px 7px;
}

/*---nonNumeric Lists---*/
.column-center ul li{ list-style-image:none; list-style:none;
line-height:1.62em;}
.column-center ul li a { color:#6E8D01; font-weight:normal;
text-decoration:underline; font-size:1.09em; text-transform:none;}
.column-center ul li a:hover{ color:#e47e00; text-decoration:none; }
.column-center ul li ul{ margin-left:15px;}
.column-center ul li ol {margin-left:20px;}
.column-center ul li ol li{ list-style-type:decimal; color:#6E8D01}
.column-center ul li ol li a { background:none;}

/*---Numeric Lists---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px;
line-height:1.62em; }
.column-center Ol li a { padding-left:0px; color:#e47e00;
font-weight:normal; text-decoration:underline; font-size:1.09em;
text-transform:none;}
.column-center Ol li a:hover{ color:#6E8D01; text-decoration:none; }
.column-center Ol li ul li a { font-weight:normal;
text-decoration:underline;}
.column-center Ol li ul li a:hover {text-decoration:none;}

.column-center p { padding:5px 20px 5px 20px;}

.subscribe { padding:5px 20px 5px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:14px;
    float: 0px 0px 0px 0px;
}
.column-center .border { border:1px solid #434245; padding:1px;}

.welcome {margin-bottom:15px;}
.welcome .content-top-left  {padding:20px 28px;}
.welcome h2 {padding-bottom:10px; color:#253747; font-weight:normal;}

.page, .post {overflow:hidden; padding-bottom:34px;}

.title { overflow:hidden; width:100%;}
.title h2, .post h2 {
    color:#000000;
    font-size:1.45em;
    text-transform:none;
    line-height:1.01em;
    font-weight:bold;
    background:#e5ead1;
    padding:10px 0px 10px 21px;
}
.title h3, .post h3 {
    color:#000000;
    font-size:1.45em;
    text-transform:none;
    line-height:1.01em;
    font-weight:bold;
    background:#e5ead1;
    padding:10px 0px 10px 21px;
    margin-top: 20px;
}
.title h2 a {color:#000000; text-decoration:none;}
.title h2 a:hover {text-decoration:underline;}
.title .author {  padding:1px 0px 6px 21px; color:#8c8c8c;
font-weight:normal; font-size:1.01em; line-height:1.09em;}
.title .author a { color:#8c8c8c;}
.title .date { padding:11px 15px 2px 21px; font-size:1.01em;
line-height:1.01em; color:#8c8c8c; font-weight:normal;}

.text-box { font-size:1.09em; line-height:1.35em; overflow:hidden;
width:100%;}
.text-box .ind {padding:0px 0px 0px 0px; }
.text-box strong a { color:#e47e00; text-decoration:none; }
.text-box strong a:hover { color:#6E8D01; text-decoration:none; }
.text-box span { text-transform:none; color:#333333;}
.text-box span a { color:#000000; text-transform:uppercase;
font-size:0.91em;}

.comments { color:#e47e00; font-size:1.27em; text-transform:none;
line-height:1.01em; overflow:hidden; padding:30px 0px 0px 21px;
text-align:left;}
.comments a {text-decoration:underline; color:#e47e00; line-height:1.71em;
font-weight:normal;}
.comments a:hover { text-decoration:none;}

.line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;}
/***end column_center*******************************************/

/* ----------------------- Popup styles ---------------------- */

/*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif)
top repeat-x;}*/
#commentspopup { background:#e5e5e5;}
#commentspopup .post { padding-top:10px;}

#commentspopup .page-padding {padding:10px 5px;}
#commentspopup .page-width {width:538px; margin:0 auto;}

#commentspopup h2 {color:#253747; font-family:Tahoma, Arial, Helvetica,
serif; font-size:1.45em; padding:10px 0px;}

#commentspopup p { padding:5px 0; line-height:1.35em;}

#commentspopup ol#commentlist  li {
    margin: 0px 15px 3px;
    padding: 5px 0px 3px;
    font-weight:normal;
    }

#commentspopup p {font-size:1.1em;}

#commentspopup #footer { padding:10px 0; background:#3a3a3a}

/* ----------------------------------------------------------- */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom:1px dashed #999;
    }

blockquote {
    border:1px solid #3a3a3a;
    background:#e2e2e2;
    padding:3px 5px;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    width:100%;
    overflow:hidden;
    display: block;
    text-align: left;
    margin-bottom: 5px;
    padding-top:5px;
    }

/*.navigation {display: block; text-align: center; margin:0; padding:15px
21px;}
.navigation a {color:#577487; font-weight:bold; font-size:1.2em;}*/
/* End Various Tags & Classes*/

/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

ol.commentlist  li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    font-weight:normal
    }
ol.commentlist li.even {background:#e5ead1; border-top:1px solid #393939;}
ol.commentlist li.odd {background:#e2e2e2; border-top:1px solid #393939;}

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform p {
    margin: 5px 0;
    padding-right:25px;
    padding-left:15px;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }

#respond { width:100%; overflow:hidden;}
#respond h3 { padding-left:15px;}
#commentform textarea { width:100%;}
textarea#comment { width:100%;}

h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em;
color:#000000}
/* End Comments */

.info-sidebar { padding:10px; color:#000000;}

/*************************************/
#recent-posts  {vertical-align:top;}
#recent-comments li { background:url(images/a2.gif) no-repeat 0 8px;
padding-left:13px; line-height:1.71em}
#recent-comments li a {background:none; text-decoration:underline;}
#recent-comments li a:hover{text-decoration:none;}
#recent-comments .inside-widget { padding:10px 20px 10px 20px;}

#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
/*#pages  {vertical-align:top;}*/
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {color:#7e7b7e; padding:4px 0px 20px 0px;}

.oddcomment{color:#000000;}

/***footer*******************************************/
#footer { font-size:1.09em; line-height:1.12em; color:#ebebeb;
font-weight:normal; text-align:center;}
#footer p{ padding:0px 5px 0px 22px;}
#footer a{ color:#ebebeb; font-weight:normal; text-decoration:underline;
font-size:1.09em;}
#footer a:hover { text-decoration:none;}
.foot { text-align:left; margin:0 auto; width:980px; padding:15px 0px 15px
0px; background:#3c3c3c}
#footer .pad{ padding-left:39px;}
/***end footer*******************************************/

Jamie