[PHP] Emails met CSS

Hoi,
Weet iemand hoe je in een mail met externe CSS kan werken?

Externe CSS kan gewoon niet volgens mij.

Wtf, als ik dan interne doe, krijg ik wel de CSS. Maar geen backgrounds.

exerne backgrounds kunnen dan weer wel.

Ik had het zo:

<style type="text/css">
body {
background: url(http://images.paralitis.com/mail/bg.png);
}
</style>

En dat werkte niet.

body kan je ook niet gebruiken ?

Ow, wel divs enzo?
Of zo: ?

Ja, dat moet wel werken.

Met backgrounds werkt het niet in gmail enzo..
In Thunderbird heb ik op die manier wel een background..

dan zal je Titel

Zo werkt het wel overal volgens mij

Jup, das wel de beste manier om het in mails goed te krijgen.
Jammer egnoeg werken nog niet alle clients volgens de email-acid test

Helaas inderdaad,

zou een stuk makkelijker zijn als je gewoon je layout in de mail kan gebruiken

En externe includes.
Maar ik ga het wel eens met de tables proberen.

http://www.campaignmonitor.com/css/
Ondersteuning kan veel beter idd.

Kan iemand dit voor mij doen?
Script:

$email = <!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=UTF-8" />
    <title>Paralitis</title>
</head>

<body>
    <table width="100%" style="margin: 0px auto;">
        <tr>
            <td style="background=".$afbeelding./mail/header.png">
                <a href=".$link./"><img src=".$afbeelding./mail/logo.png" alt="Paralitis" class="logo" /></a></div>
            </td>
        </tr>
        <tr>
            <td background=".$afbeelding./mail/main_achtergrond.png">
<td background=".$afbeelding./mail/tussenblok_achtergrond.png">Aanmelding</h2>
U heeft u geregistreerd op <a href=".$link./">Paralitis</a>.<br />
Hierbij ontvangt u uw gegevens en uw activerings link.<br />
<a href=".$link./activeer?code=.$activatie.">.$link./activeer?code=.$activatie.</a><br /> 
Werkt deze link niet, kopieer hem dan naar uw adres balk.
<td style="background: url(.$afbeelding./mail/tussenblok_achtergrond.png);">Gegevens</h2>
In dit deel van de mail vindt u uw gegevens.<br />
<b>Gebruikersnaam:</b> .strtolower(ucfirst($_POST[gebruikersnaam])).<br />
<b>Wachtwoord:</b> .$_POST[wachtwoord1].<br /><br />

Groeten,<br />
.$naam.
            </td>
        </tr>
    </table>
</body>
</html>;

CSS:

* {
    margin: 0px;
    padding: 0px;
    font-size: 9px;
}
body {
    background-color: #907848;
    font-size: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body,td,th {
    color: #b9b9b9;
}
a:link {
    color: #730d0d;
    text-decoration: none;
}
a:visited {
    color: #730d0d;
    text-decoration: none;
}
a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
a:active {
    color: #730d0d;
    text-decoration: none;
}
#header {
    width: 600px;
    height: 103px;
    background-image: url(http://images.paralitis.com/mail/header.png);
    margin: auto;
    border: 1px solid #cfac0d;
    margin-top: 10px;
}
.logo {
    margin-left: 171px;
    margin-top: 23px;
    border: none;
}
#content {
    width: 590px;
    height: auto;
    background-image: url(http://images.paralitis.com/mail/main_achtergrond.png);
    margin: auto;
    border: 1px solid #cfac0d;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#tussenkopje1 {
    width: 600px;
    height: 20px;
    background-image: url(http://images.paralitis.com/mail/tussenblok_achtergrond.png);
    padding-top: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
}
#tussenkopje2 {
    width: 600px;
    height: 20px;
    background-image: url(http://images.paralitis.com/mail/tussenblok_achtergrond.png);
    padding-top: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-top: 5px;
}
#tussenkopje3 {
    width: 600px;
    height: 20px;
    background-image: url(http://images.paralitis.com/mail/tussenblok_achtergrond.png);
    padding-top: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-top: 5px;
}
h1 {
    font-size: 10px;
    color: #000000;
    font-weight: 100;
    background-image: url(http://images.paralitis.com/mail/item_ster.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left 1px;
    margin-left: 5px;
}
#footer {
    width: 600px;
    height: auto;
    margin: auto;
    margin-top: 5px;
    text-align: center;
    color: #000000;
    font-size: 7px;
}

Want ik krijg het heel verrot. Een beloning kan.