HTML mail met CSS

Gestart doorBartv20 reacties65 weergaven

21 berichten · pagina 1 van 2

Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoe maak ik een HTML mail met CSS divs?
ik heb nu dit:

$subject = "zairo | ". $fetch2[naam] ."";
                    $headers = "MIME-Version: 1.0" . "
";
                    $headers .= "Content-type: text/html; charset=iso-8859-1" . "
";
                    $headers .= "From: zairo.nl <noreplay@zairo.nl>" . "
";
                    $headers .= "X-Mailer: PHP v".phpversion(). "
";
                    $bericht = 
                    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
                    <html>
                    <head>
                    <link rel="stylesheet" type="text/css" href="http://www.zairo.nl/V2/mail_style.css" />
                    </head>
                    <body>
                    <table align="center" width="550" cellspacing="0" cellpadding="0">
                        <tr>
                            <td height="109" background="http://www.zairo.nl/V2/img/mail_logo.png">
                            </td>
                        </tr>
                        <tr>
                            <td style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-top: 1px solid #6D6D6D; font: 12px Verdana; padding-top: 10px; padding-bottom: 10px;">
                            
                            <center><a href=. $fetch2[url] .><img src=. $fetch2[banner] .></img></a></center>
                            <hr />
                            Beste . htmlentities(ucfirst(strtolower($fetch[uName])), ENT_QUOTES) .,
                            <br /><br />
                            <div class="mail-div"> . $fetch2[head1] . </div>
                            . $fetch2[text1] .
                            <br /><br />
                            <div class="mail-div"> . $fetch2[head2] . </div>
                            . $fetch2[text2] . 
                            Met vriendelijke groet,<br />
                            Het zairo-team.
                            <hr />
                            <center><a href=. $fetch2[url] .><img src=. $fetch2[banner] .></img></a></center>
                            </td>
                        </tr>
                        <tr>
                            <td style="border: 1px solid #6D6D6D;font: 12px Verdana; text-align: center; padding-top: 10px; padding-bottom: 10px;">
                                <strong><span style="text-decoration: underline;">Betaalde advertentie</span></strong><br />
                                <a href=http://www.zairo.nl/V2/index.php?p=mailad&ad=. $fetch2[id] .&id=. $fetch[uId] .>Klik hier voor de vergoeding van: <strong>. round($fetch2[vergoeding] * 3.75 * 100 / 100, 2) .</strong>.</a>
                            </td>
                        </tr>    
                    </table>
                    <center><small>Klik <a href=http://www.zairo.nl/V2/index.php?p=profiel&act=profiel>"hier"</a> om de Advertentie mail niet meer te ontvangen.</small></center>
                    </body>
                    </html> ;


wat is de fout?
0
Berichten
431
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Welke fout geeft ie?
0
Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hij geeft geen fout, maar hij geeft geen tekst en de div doet het gewoon niet,
maar ik ben iets aan het proberen!
0
Krm

Lid

Berichten
6.235
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
je moet je css ook in die script douwen
dan werkt het wel
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
de map V2 is beveiligd emodus de mail kan er niet inkomen
0
Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probleem 1:
Ja heb dat nu ook gedaan,

<link type="text/css">
                    .mail-div{
    background-image:url(http://www.zairo.nl/V2/img/mail-div.png);
    width:545px;
    height:21px;
    padding-top:5px;
    padding-left:5px;
    font-weight:bold;
    font-size:10px;
    color:#fff;
}


Dat heb ik er nu ingedaan,
maar die background-image:urlblabla;
wat moet ik daar doen om het plaatje te halen?

--------------------------------------------------------

Probleem 2:
Hij pakt de tekst niet uit de Database
er staat niks van text2 en text1 en head1 en head2
0
Krm

Lid

Berichten
6.235
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hoe wil jij via hotmail cennectie maken met je database
0
Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hij doet het wel gewoon via de standaard mail script,
maar ik heb er dingen bijgebouwd, en nu pakt hij die teksten niet
@nielsie,
dat kan hij wel, want het logo haalt hij ook uit de map: V2
en die doet het wel!
0
Krm

Lid

Berichten
6.235
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
kijk teksten moet je zelf typen en niet uit database laten halen want dat gaat niet
0
Berichten
2.837
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@kerem

dat heb je namelijk helemaal fout smile dat werkt wel gewoon..
0
Krm

Lid

Berichten
6.235
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijk het kan wel maar kon volgend mij niet met weinigeld systeem hoor?
0
Berichten
2.837
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nou jha dat weet ik niet maar het is in ieder geval wel mogelijk.
0
Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@Iedereen:
Met de divs lukt het niet,
maar hoe kan ik dat met tables doen dat bijvoorbeeld een border boven een geel vak komt
met divs weet ik het maar niet zonder.
Dus zeg maar:
| Logo |
----------------
Een geel vak met tekst
----------------
Tekst
----------------
Geel vak met tekst
----------------
Tekst
Einde
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Rnnet:
| Logo |
----------------
Een geel vak met tekst
----------------
Tekst
----------------
Geel vak met tekst
----------------
Tekst
Einde

<TABLE style="WIDTH: 350px;" borderColor=#000000 cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD height=?px background=logo.png></TD></TR>
<TR><TD height=?px bgcolor=yellow>Hier je tekst in het gele vlak</TD></TR>
<TR><TD>Hier je tekst</TD></TR>
<TR><TD height=?px bgcolor=yellow>Hier je tekst in het gele vlak</TD></TR>
<TR><TD>Hier je tekst</TD></TR>
</TBODY></TABLE>


width en height moet je natuurlijk zelf aanpassen
en eventueel de border.
0
Bartv

Lid · Topicstarter

Berichten
4.451
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@marjolein dat heb ik gedaan
@iedereen
Wat is hier nou fout aan?

$subject = "zairo | ". $fetch2[naam] ."";
                    $headers = "MIME-Version: 1.0" . "rn";
                    $headers .= "Content-type: text/html; charset=iso-8859-1" . "rn";
                    $headers .= "From: zairo.nl <noreplay@zairo.nl>" . "rn";
                    $headers .= "X-Mailer: PHP v".phpversion(). "rn";
                    $bericht = 
                    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
                    <html>
                    <head>
                    </head>
                    <body>
                    <table align="center" width="550" cellspacing="0" cellpadding="0">
                        <tr>
                            <td height="109" background="http://www.zairo.nl/V2/img/mail_logo.png">
                            </td>
                        </tr>
                        <tr>
                            <td style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-top: 1px solid #6D6D6D; font: 12px Verdana; padding-top: 10px; padding-bottom: 10px;">
                            
                            <center><a href=. $fetch2[url] .><img src=. $fetch2[banner] .></img></a></center>
                            <hr />
                            Beste . htmlentities(ucfirst(strtolower($fetch[uName])), ENT_QUOTES) .,
                            <br /><br />
                            </td>
                            <td height=10px bgcolor=yellow style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; font: 12px Verdana;"> . $fetch2[head1] . </td>
                            <td style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-top: 1px solid #6D6D6D; font: 12px Verdana; padding-top: 10px; padding-bottom: 10px;">
                            . $fetch2[text1] .
                            <br /><br />
                            </td>
                            <td height=10px bgcolor=yellow style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; font: 12px Verdana;"> . $fetch2[head1] . </td>
                            <td style="border-left: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-top: 1px solid #6D6D6D; font: 12px Verdana; padding-top: 10px; padding-bottom: 10px;">
                            . $fetch2[text2] . 
                            Met vriendelijke groet,<br />
                            Het zairo-team.
                            <hr />
                            <center><a href=. $fetch2[url] .><img src=. $fetch2[banner] .></img></a></center>
                            </td>
                        </tr>
                        <tr>
                            <td style="border: 1px solid #6D6D6D;font: 12px Verdana; text-align: center; padding-top: 10px; padding-bottom: 10px;">
                                <strong><span style="text-decoration: underline;">Betaalde advertentie</span></strong><br />
                                <a href=http://www.zairo.nl/V2/index.php?p=mailad&ad=. $fetch2[id] .&id=. $fetch[uId] .>Klik hier voor de vergoeding van: <strong>. round($fetch2[vergoeding] * 3.75 * 100 / 100, 2) .</strong>.</a>
                            </td>
                        </tr>    
                    </table>
                    <center><small>Klik <a href=http://www.zairo.nl/V2/index.php?p=profiel&act=profiel>"hier"</a> om de Advertentie mail niet meer te ontvangen.</small></center>
                    </body>
                    </html> ;
                }


Hij laat alleen zien:
Beste Breakpaper,

Met vriendelijke groet,
Het zairo-team.
en het logo

wat is er nou fout aan?
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren