HTML mail

**Sven C** · 06-11-2007, 13:51

Beste,

Ik vroeg mij af of het mogelijk was om een email-bericht in HTML met een achtergrond te laden in Live Mail of hotmail.. bij de volgende code:

Code:

<html><head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<title id="ridTitle">Titel</title> <style><!-- body  { font-family: Arial, Helvetica; 

font-size: 10pt; color: #000000; margin-top: 25px; margin-left: 15px; } --></style> </head> 

<body id="ridBody" background="content.gif"><img id="ridImg" src=head.gif 

align=bottom><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b

r><br><br><br><br><br><br><br><img id="ridImg" src=foot.gif align=bottom> <p></p> <SPAN 

id="_AthCaret"></SPAN> 
<p></p> </body> </html>

Krijg ik namelijk geen achtergrond te zien in live mail. In outlook werkt het wel gewoon.
Kan iemand mij hier meer over vertellen?

Alifar P · 06-11-2007, 13:58

Nou volgens mij moet je de volledige link invullen bij het plaatje

PHP Code:


<body id="ridBody" background="http://www.website.nl/content.gif"><img id="ridImg" src=http://www.website.nl/head.gif

deleted · 06-11-2007, 13:59

yep altijd complete link naar image :)

Code:

<html>
<head>
<title>{PTITLE}</title>
<style type="text/css">
        body {
            background-image: url(http://www.mailpitch.nl/templates/diverselab/images/bg.png);
            background-repeat: repeat-x;
            padding: 0;    
            color: #333;
            font: 11px "Trebuchet MS", Sans-Serif;
            margin: 0 auto;
        }
        h2 {
            color: #77A82F;
        }
        /* Link opmaak */
        a {
            color: #333;
            text-decoration: none;
            font-size: 11px;
        }
        a:hover {
            color: #333;
            text-decoration: underline;
            font-size: 11px;
        }
        /* /Link opmaak */
        
        /* Clear */
        .clear {clear: both;}
        /* /Clear */
        
        /* Images */
        img {border: 0;}
        /* /Images  */
        
        /* Alinea */
        p {
            margin: 0;
            padding: 7px 0;
        }
        /* /Alinea  */
        
        /* Header  */
        #header, #top {margin: 0 auto;}
        /* /Header */
        
        /* Content */
        #laatste {
            width: 592px;
            color: #665F57;
            background: #F2F2F2;
            margin: 0 auto;
            margin-top: 3px;
            padding: 0;
        }
        #laatste a {color: #665F57;}
        #titel {
            width: 592px;
            height: 36px;
            color: #665F57;
            background: url("http://www.mailpitch.nl/templates/diverselab/images/titel_bg.png") repeat-x;
            margin: 0 auto;
            margin-top: 20px;
            font-size: 13px;
        }
        #titel .right {text-align: right;}
        #content {
            width: 592px;
            margin: 0 auto;
            margin-top: 0;
            padding: 0 0 0 0;
            font-size: 12px;
        }
        h3 {
            width: 592px;
            margin: 0 auto;
            margin-top: 40px;
            padding: 0;
        }
        #content strong {font-size: 14px;}
        .contentimg {float: right;}
        #content img.handtekening {float: none;}
        #afsluiting {
            width: 592px;
            margin: 0 auto;
            margin-top: 20px;
            font-size: 13px;
        }
        #afsluiting small {font-size: 11px;}
        #afsluiting b {color: #60A500;}
        
        table#actie {
            width: 592px;
            margin: 0 auto;
            background: url("http://www.mailpitch.nl/templates/diverselab/images/actie_bg.png") repeat-x;
            font-size: 12px;
        }
        table#actie img {float: right;}
        table#actie p {margin: 0 10px;}
        .groen {color:  #60A500;}
        /* /Content  */
        
        
        /* Footer */
        #footer {
            width: 696px;
            background: #EBEBEB;
            margin: 0 auto;
            font-size: 11px;
        }
        #footer .copy {text-align: right;}
        /* /Footer  */
</style>
</head>
<body>
<center>
<!-- Header -->
    <table cellspacing="7" cellpadding="0" id="top">
        <tr>
            <td>• <a href="#">Is deze e-mail niet leesbaar?</a></td>
            <td>• <a href="#">Bekijk de e-mail in een webbrowser</a></td>
            <td>• <a href="#">Mail naar een vriend</a></td>
            <td>• <a href="#">Voeg ons toe aan uw adresboek</a></td>
        </tr>
    </table>
    <table cellspacing="21" cellpadding="0" id="header">
        <tr>
            <td><img src="http://www.mailpitch.nl/templates/diverselab/images/diverselab.png" alt="Diverselab"/></td>
        </tr>
    </table>
<!-- /Header -->

<!-- Content -->
    <h3><img src="http://www.mailpitch.nl/templates/diverselab/images/nieuwsbrief.png" alt="nieuwsbrief" /></h3>
    <table cellspacing="0" cellpadding="10" id="titel">
        <tr>
            <td>{DATE}</td><td class="right"><b>Laatste nieuwtje:</b> {TITLE}</td>
        </tr>
    </table>
    
    <table cellspacing="6" cellpadding="0" id="content">
        <tr>
            <td>
                <p><img src="http://www.mailpitch.nl/templates/diverselab/images/servers.jpg" class="contentimg" alt="Servers" /></p>
                {AANHEF}
                <br />
                {VIDEO}
                <br />
                <h2>{TITLE}</h2>               
                {CONTENT}
                <br />
                <h2>Attachments</h2>
                {ATTACHMENTS}
            </td>
        </tr>
    </table>
    <table id="actie" cellspacing="0" cellpadding="0">
        <tr>
            <td width="177"><img src="http://www.mailpitch.nl/templates/diverselab/images/actie.png" alt="Actie" /></td>
            <td>
                <p>U zit al langer te denken aan een extra verkoopkanaal op het internet? 
                Dan hebben wij een prachtige aanbieding! Een webshop in uw huisstijl die
                automatisch alles doet voor u!</p>
                <p>Normaal vanaf <b>€ 1499</b> tijdelijk aan slechts <b class="groen">€ 1199</b>!</p>
            </td>
        </tr>
    </table>
    <table id="afsluiting">
        <tr>
            <td>
                <p>Met vriendelijke groeten,<br />
                <b>DiverseLab Developments<br />
                <small>www.diverselab.net</small></b></p>
                <p><img src="http://www.mailpitch.nl/templates/diverselab/images/maurice.png" alt="Handtekening" class="handtekening"/></p>
            </td>
        </tr>
    </table>
<!-- /Content -->


<!-- Footer -->
    <table cellspacing="0" cellpadding="3" id="footer">
        <tr>
            <td>U hebt deze nieuwsbrief verkeerd ontvangen of wilt u afmelden? Klik dan <a href="#"><b>hier</b></a></td>
            <td class="copy"><strong>&copy; 2007 - DiverseLab Developments</strong></td>
        </tr>
    </table>
<!-- /Footer -->
</center>
</body>
</html>

dit is de source van
http://www.mailpitch.nl/viewMail.php?mailid=1

welke perfect aankomt in email.

**Sven C** · 06-11-2007, 16:46

Oke top bedankt!!

HTML mail

HTML mail

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

HTML mail

HTML mail

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen