Hulp Nodig

Hallo,

Aangezien niemand mijn puntenmail wou inbouwen ben ik zelf maar een begonnen. Maar ik kom ook niet echt verder. Momenteel heb ik dit als mail. Terwijl dit de layout moet zijn.

Is er iemand die mij kan helpen? Hieronder het script als hij verzonden wordt en de style.css.

Script

<head>
<meta http-equiv="Content-Language" content="nl">
</head>

<body style="background-image: url(mail/images/bg.png); background-repeat: repeat-x; background-color: #59abd4; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333;">

<table width="465" margin-top="-10"  margin-left:="auto" margin-right:="auto" width:="465px">

<tr>
    <td style="background-image: url(mail/images/header.png); background-repeat: no-repeat; margin-top: -10px; width: 465px; height: 86px; border: 1px solid #000; ">
    <td style="background-image: url(mail/images/content.png); width: 455px; margin-top: 20px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-bottom: 10px; padding-top: 10px;">
    <BR />
                 
        $tekst         

        <BR /> <BR />

    <a href="http://www.geldezeltje.nl/mail.php?id=$id&userid=[id]">Klik hier voor &euro;$prijs</a><br /><br />
            
    <tr>
    <td style="padding-left: 0px; padding-right: 0px; border-style: solid; border-color: #000066; border-width: 1px 0px 0px 0px; ">
    <p align="center"><font style="font-size: 10px">U ontvangt deze mail omdat u lid bent op Geldezeltje. <br />
    Wanneer u deze mail(s) niet (meer) wenst te ontvangen kunt u dit <a href="http://www.geldezeltje.nl/leden/aanpassen.php">hier</a> aangeven.
    </font><br />
    </div>";

Style.css

body
{
    background-image: url(images/bg.png);
    background-repeat: repeat-x;
    background-color: #59abd4;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

#container
{
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    width: 465px;
}

#header
{
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    margin-top: -10px;
    width: 465px;
    height: 86px;
    border: 1px solid #000;
}

.content
{
    background-image: url(images/content.png);
    width: 455px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #333;
}

.link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #00C;
    text-decoration: underline;
    text-align: center;
}

Je kan geen externe CSS, je moet met tables werken.

Ben ik ook mee bezig. Nu staat die al goed. Alleen de content achtergrond en de font van de link moet nog veranderd worden.

Heb nu dit: Maar de achtergrond komt er niet in. De header zit nu wel erin.

<head>
<meta http-equiv="Content-Language" content="nl">
</head>

<body style="background-image: url(mail/images/bg.png); background-repeat: repeat-x; background-color: #59abd4; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333;">

<table width="465" margin-top="-10"  margin-left:="auto" margin-right:="auto" width:="465px">

<tr>
    <td style="background-image: url(mail/images/header.png); background-repeat: no-repeat; margin-top: -10px; width: 465px; height: 86px; border: 1px solid #000; ">
    <img src="http://www.geldezeltje.nl/admin/mail/images/header.png" width="465" height="86"><tr>
    <BR />
    <td style="background-image: url(mail/images/content.png); width: 455px; margin-top: 20px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-bottom: 10px; padding-top: 10px;">
                 
        $tekst         

        <BR /> <BR />

    <a href="http://www.geldezeltje.nl/mail.php?id=$id&userid=[id]">Klik hier voor &euro;$prijs</a><br /><br />
            
    <tr>
    <td style="padding-left: 0px; padding-right: 0px; border-style: solid; border-color: #000066; border-width: 1px 0px 0px 0px; ">
    <p align="center"><font style="font-size: 10px">U ontvangt deze mail omdat u lid bent op Geldezeltje. <br />
    Wanneer u deze mail(s) niet (meer) wenst te ontvangen kunt u dit <a href="http://www.geldezeltje.nl/leden/aanpassen.php">hier</a> aangeven.
    </font><br />
    </div>";