Mailing Outlook

[ZpAz]

Hallo,

Sinds Outlook 2007 gebruikt outlook de rendering engine van Word, welke zeer weinig kan. (Het kan zelfs geen achtergronden aan).

Nu heb ik een layout, welke ik per html wil versturen (met achtergronden).

Ik kwam al een aantal problemen tegen, en door te zoeken op het internet zag ik dat ik voor de meeste problemen 'inline-styles' moest gaan gebruiken, dus dat maar gedaan, en dat loste inderdaad alle problemen op, behalfe de achtergronden.

Toen verder gezocht en kwam ik op diverse sites tegen dat de rendering engine gewoonweg geen achtergronden ondersteund.... hmmm...

Ik dacht, hee, hij ondersteund wel een <img> object. Dus ik maak gewoon een geheel plaatje van het achtergrond, en gooi deze op een lagere z-index, waar ik die absoluut positioneer, de tekst positioneer ik ook absoluut (een text container). En die geef ik een hogere z-index.

Maar... de render-engine negeert de positioneren (absoluut). Dus het plaatje komt boven en de tekst komt er gewoon onder.

Nu is mijn vraag, is het mogelijk om toch een achtergrond met de mail mee te sturen, zodat het ook in outlook werkt? Aangezien de mailing voornamelijk naar bedrijven gaat welke outlook gebruiken.

[Blaise]

Hier exact wat Outlook (en andere mail clients) ondersteunt: http://www.campaignmonitor.com/css/

Je zou dus een afbeelding kunnen toevoegen met een img tag, en die een negatieve margin-bottom geven. Of anders de tekst embedden in de afbeelding.

[ZpAz]

Blaise schreef op maandag 01 december 2008 @ 19:27:
Hier exact wat Outlook (en andere mail clients) ondersteunt: http://www.campaignmonitor.com/css/

Je zou dus een afbeelding kunnen toevoegen met een img tag, en die een negatieve margin-bottom geven. Of anders de tekst embedden in de afbeelding.

Negatieve margins pakt hij helaas ook niet, want ik ben nu vrij ver, maar zitten wat 'ruimtes' tussen sommige afbeeldingen, waardoor er witte 'kloven' ontstaan.

Hier een screen:
http://localhostr.com/files/99ee11/Picture+3.png

[ Voor 6% gewijzigd door ZpAz op 03-12-2008 19:16 ]

[Blaise]

Zonder de html te posten kan ik niet ruiken waar die gaps vandaan komen. Lijkt me iets met te brede content, cellspacing of cellpadding.

[ZpAz]

Blaise schreef op woensdag 03 december 2008 @ 19:49:
Zonder de html te posten kan ik niet ruiken waar die gaps vandaan komen. Lijkt me iets met te brede content, cellspacing of cellpadding.

Sorry, het zijn 'imageready' tabellen trouwens.

Hier een linkje:

http://igo2.nl/52a41c

Ik heb al geprobeerd om een aantal 'widths' kleiner in te stellen, maar dit mocht ook niet baten. (In de browsers klopt de site wel, in outlook 2007 (word engine) dus niet)

edit:

In 'verstuurmode' klopte hij niet helemaal, maar na ontvangst wel, dus ik ben tevreden.

[ Voor 28% gewijzigd door ZpAz op 03-12-2008 21:10 ]

[Verwijderd]

Ik zie een screen van een nog te verzenden e-mail. Hoe wordt de HTML gerenderd als je de mail naar jezelf stuurd? Er zit namelijk ook nog eens verschil tussen de html binnen de editor en op het moment dat je de template als mail ontvangt.

[ZpAz]

Verwijderd schreef op woensdag 03 december 2008 @ 20:46:
Ik zie een screen van een nog te verzenden e-mail. Hoe wordt de HTML gerenderd als je de mail naar jezelf stuurd? Er zit namelijk ook nog eens verschil tussen de html binnen de editor en op het moment dat je de template als mail ontvangt.

Precies, daar kwam ik achter... waarom zit daar verschil in... (Tijden zitten prutsen...) Zo is het niet bepaald WYSIWYG he

[mocean]

Alle spaties wissen wil allereerst helpen, die worden vaak toch gerendert naar een bepaalde breedte.

En verder echt HTML3 gebruiken zoals het voor gewone sites echt niet moet: tabellen, properties niet zetten via css maar Cellspacing op 0 en Cellpadding op 0. En vooral veel testen!