Nieuwsbrief

[LutzFashion]

He all,

Ik heb een probleem met mijn nieuwsbrief (gemaakt via de website ymlp.com). Hij is helemaal gelikt als ik hem open in firefox, maar in IE en Outlook 2007 verspringt die helaas. In IE komt de achtergrond onderaan de nieuwsbrief terecht (terwijl hij uiteraard gewoon achter de tekst moet staan). In Outlook 2007 werkt het inspringen helemaal niet, daar komt alles op elkaar te staan.

Dit is mijn eerste nieuwsbrief die ik maak, dus ik ben redelijk onervaren op dit gebied. Ik hoop dat jullie me kunnen helpen, zodat het ook in IE en Outlook er gelikt uitziet en hij de deur uit kan.

Hierbij de code:

<div style="text-align: left;">
<table style="background-color: #696969; width: 600px; height: 1610px;" align="center" border="0">
<center>
<p style="padding-top: 35px;"><a href="http://www.lutz.nl"><img style="border: 2px solid white; width: 550px; height: 180px;" src="http://img.ymlp.com/qn91_titelmailing.jpg" height="182" width="615" /></a></p>
</center><br />
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"><font color="#0000ff"><font color="#000000"><b>In deze editie:</b></font><br /><br />&gt; <a href="#team">De vernieuwde nieuwsbrief!</a><br /><br />&gt; <a href="#dames">Korting op diverse damesmerken</a><br /></font><font color="#0000ff"><br />&gt; <a href="#heren">Korting op diverse herenmerken<br /><br /></a>&gt; <a href="#stone">Stone Island</a><br /><br />&gt; <a href="#fotoshoot">Fotoshoot pocket najaar 2009</a><br /></font></font></p>
<p style="height: 0px;" align="left"></p>
<p style="width: 554px;"></p>
<a name="team"> </a></blockquote>
<br />
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"> Beste [ACHTERNAAM],<br /><br />Lutz Fashion begint vanaf mei 2009 met het versturen van een persoonlijke nieuwsbrief richting onze vaste klanten in de vorm van een extra service.<br /><br />Door de mailing bent u ten alle tijden op de hoogte van interessante aanbiedingen speciaal voor u. Deze mailing zal maandelijks verstuurd worden.<br /><br />Tevens zal onze website, </font><font face="arial" size="2"></font><font face="arial" size="2"><a href="http://www.lutz.nl">www.lutz.nl</a>, uitgebreid worden met foto's van de collectie. Dit zal zowel voor de dames- als de herenafdeling gelden.<br /><br />Tot ziens bij Lutz!<br /><br />Met vriendelijke groet,<br />Het Lutz-team <br /></font></p>
<a name="dames"> </a></blockquote>
<br />
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font size="5">25% KORTING DAMESMODE</font></font><font face="gill sans mt condensed" size="2"><font face="arial" size="2"> <br />Korting op diverse damesmerken<br /><br />Voor een aantal merken uit onze collectie hebben wij een interessante aanbieding speciaal voor u. Op deze merken krijgt u namelijk 25% korting!<br />De korting is van toepassing op de volgende merken:<br /><br /><b>&gt; Airfield <font size="1"> </font> <br />&gt; Boss Orange<br />&gt; Girbaud Jeans<br />&gt; Marccain</b><br /><br />Daarnaast krijgt u op een aantal selected items van <b>Wolford </b>10% korting!<br /></font><font face="arial" size="2"><br />Hieronder vindt u een aantal foto's van artikelen waarop de 25% korting geldt. Op <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen dames">www.lutz.nl/afbeeldingen</a> kunt u nog meer foto's vinden</font></font><font face="gill sans mt condensed" size="2"><font face="arial" size="2"> van soortgelijke artikelen. <br /><br /><br /><center><a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen dames/DSC04982.JPG"><img src="http://img.ymlp.com/qn91_DSC04983_11.jpg" border="0" height="335" width="223" /></a> <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen dames/DSC04971.JPG"> <img src="http://img.ymlp.com/qn91_DSC04971_11.jpg" border="0" height="335" width="223" /></a></center></font></font></font></font></p>
<font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><a name="heren"> </a></font></font></font></font>
<p></p>
<p style="height: 0px;" align="left"></p>
<p style="width: 554px;"></p>
</blockquote>
<br />
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font size="5">25% KORTING HERENMODE<br /></font> <font face="arial,helvetica,sans-serif">Korting op diverse herenmerken<br /><br />Voor een aantal merken uit onze collectie hebben wij een interessante aanbieding speciaal voor u. Op deze merken krijgt u namelijk 25% korting!<br />De korting is van toepassing op de volgende merken: <br /><br /><b>&gt; Stone Island<br />&gt; CP Company<br />&gt; Moncler</b><br /><br />Daarnaast geeft Lutz Fashion enorme korting weg als u twee <b>John Miller</b> shirts koopt. U koopt &eacute;&eacute;n shirt voor &euro; 99,95, en twee shirts voor <font color="#000000"><b>&euro; 125,-</b></font>. U bespaart dus bijna &euro; 75,-.<br /><br />Hieronder vindt u een aantal foto's van artikelen waar u 25% korting op krijgt. Op <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren">www.lutz.nl/afbeeldingen</a> kunt u nog meer foto's bekijken van deze artikelen.<br /></font></font></font></font></font></font></font></font></font></font></font></font></font></p>
<center><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"><a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren/CIMG3212.JPG"><img src="http://img.ymlp.com/qn91_CIMG3212_3.jpg" border="0" height="335" width="223" /></a> <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren/CIMG3201.JPG"><img src="http://img.ymlp.com/qn91_CIMG3201_3.jpg" border="0" height="335" width="223" /></a> <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren/CIMG3207.JPG"><img src="http://img.ymlp.com/qn91_CIMG3207_2.jpg" border="0" height="300" width="450" /></a></font></font></font></font></font></font></font></font></font></font></font></font></font></center>
<p></p>
<font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="arial" size="2"><br /><a name="stone"> </a> </font></font></font></font></font></font></font></font></font></font></font></font></font></font></font> </font></font></font></font></font></font></font></font></font></font></font></font></font>
<p></p>
<p></p>
</blockquote>
<br />
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font size="5">STONE ISLAND<br /></font> <font face="arial,helvetica,sans-serif">Het innovatieve sportswear merk uit Itali&euml;<br /><br />Wist u dat Stone Island &eacute;&eacute;n van de meest innovatieve sportswear merken uit Itali&euml; is? Het logo; een kompas met daarop de naam 'Stone Island' rondom, is vernoemd naar de boot van de Italiaanse modeontwerper Massimo Osti.<br /><br />Stone Island doet constant onderzoek naar het gebruik van andere materialen. Ook voor deze zomer hebben ze een aantal innovaties. <br /><br /><b>Het witte t-shirt:</b> de witte omgeving van de tekst verkleurd blauw bij blootstelling aan zonlicht.<br /><b><br />Het blauwe t-shirt:</b> de grijze tekst en het logo lichten op in het donker wanneer <br />het shirt diezelfde dag is blootgesteld aan zonlicht.</font></font></font></font></font></font></font></p>
<center><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren/CIMG3204.JPG"><img src="http://img.ymlp.com/qn91_CIMG3204_6.jpg" border="0" height="335" width="223" /></a> <a href="http://www.lutz.nl/Afbeeldingen/Afbeeldingen heren/CIMG3205.JPG"><img src="http://img.ymlp.com/qn91_DSC04987_1.jpg" border="0" height="335" width="223" /></a><br /><br /><br /></font></font></font></font></font></font></center><a name="fotoshoot"> </a><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><br /> </font></font></font></font></font></font>
<p></p>
</blockquote>
<font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="arial" size="2"><br /> </font></font></font></font></font></font></font></font></font> </font></font></font></font></font></font> </font></font></font></font></font></font></font></font></font></font></font></font></font>
<blockquote style="color: #000000; background-color: #FFFFFF;">
<p style="margin-top: 0px; padding: 40px 40px;"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"><font face="gill sans mt condensed"><font size="5">FOTOSHOOT NAJAAR 2009</font></font><font face="gill sans mt condensed" size="2"><font face="arial" size="2"> <br /><br /></font><font face="arial" size="2">Dinsdag 2 juni werden de gehele dag foto's voor de pocket najaar 2009 geschoten op het parkeerterrein van Lutz Fashion. Lutz Fashion biedt u een kijkje achter de schermen.<br /><br /></font></font><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><a href="http://www.lutz.nl/Afbeeldingen/fotoshoot najaar 2009/DSC05001.JPG"><img src="http://img.ymlp.com/qn91_DSC05001_4.jpg" border="0" height="350" width="450" /></a> <br /><br />Op <a href="http://www.lutz.nl/Afbeeldingen/fotoshoot najaar 2009">www.lutz.nl/fotoshoot2009</a> kunt u nog meer foto's van de fotoshoot vinden. </font></font> <br /></font> </font></font></font></font></font></font></font></font></font></font></font></font></font></p>
<p></p>
<p style="height: 0px;" align="left"></p>
<p style="width: 554px;"></p>
<p></p>
</blockquote>
<p style="height: 0px;" align="left"></p>
<p style="width: 554px;"></p>
<font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"><br /> </font></font></font></font></font></font></font></font></font></font></font></font></font><center><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial" size="2"><font face="arial" size="2"><font face="gill sans mt condensed" size="2"><font face="arial,helvetica,sans-serif"> <font face="arial" size="1"><a href="http://http//www.lutz.nl/Overige/contact.html">Contact opnemen</a> | <a href="http://www.lutz.nl">Aanmelden nieuwsbrief</a><br /> Copyright &copy;. Lutz Fashion. All rights reserved</font></font></font></font></font></font></font></font></font></font></font></font></font></font></center>
</table>
</div>

Zoals je kunt zien in de code, gebeurt er ook iets anders wat raar is. Hij geeft soms wel 10 keer achter elkaar de code <font face="arial">. Als ik dit weghaal, is het er even later gewoon weer.

HELP MIJ!!

 

[fritzi]

In nieuwsbrieven kun je niet alle html tags gebruiken als je wil dat het goed wordt weergeven in verschillende mailprogramma's. Vooral Outlook 2007 ondersteunt weinig. Heel lastig allemaal, je moet workarounds maken voor dingen die in een gewone webpagina heel simpel zijn. Hier is meer info: Microsoft

Als je alleen de tags gebruikt die Outlook 2007 snapt, dan werkt het ook wel in andere mailprogramma's (is mijn ervaring). Tip: hou de layout eenvoudig.

Over die font-tags: wordt dat erin gezet door die website waar je de nieuwsbrieven maakt? Lijkt me erg onhandig. Als dit problemen geeft zou ik naar een ander bedrijf gaan, dat geen aanpassingen maakt in code die je zelf invoegt.

Succes!

 

[LutzFashion]

fritzi, dank voor je snelle reactie.

weet je zo toevallig een aantal html tags uit mijn code die ik weg moet laten.
welke tags moet ik in plaats daar van gebruiken?

ik wil graag:
> een tabel met een achtergrond waarvan ik de kleur zelf kan bepalen
> hier wil ik tekstblokken overheen met een witte achtergrond
> in die tekstblokken moet de tekst dan komen te staan

hopelijk kan je me helpen.

thnx.

alexander

 

[fritzi]

Tabellen doen het, je kan de tekst in tabelcellen zetten. Ook achtergrondkleur is geen probleem. Je kan de BODY een achtergrondkleur geven en de tabelcellen wit maken.
Blockquote zou het ook moeten doen.

Ik denk dat je dit beter kan mijden: <p style="margin-top: 0px; padding: 40px 40px;">