[HTML] HTML E-mail & Markup - Softwareontwikkeling

dinsdag 24 februari 2009 14:27

Acties:

0 Henk 'm!

Topicstarter

Ik ben op zoek naar een artikeltjes,tips, sites of iig informatie over HTML code's (voornamelijk opmaakcode) in Email (nieuwsbrieven).
Zo is het bijvoorbeeld zo dat Outlook geen BG images ondersteunt standaard enz.
Ook met font's en fontsizez heb ik veel problemen mee in verschillende Emailviewers,
Zo zie ik vaak style=3D"margin:0px;" ipv style="margin:0px;" (microsoft trekje?)

Mijn vraag, heeft iemand tips of suggesties voor het opmaken van een nieuwsbrief.

dinsdag 24 februari 2009 14:33

Acties:

0 Henk 'm!

CoolGamer

What is it? Dragons?

Hier is een tabel waar van veel clients en webmail clients staat welke css tags ze ondersteunen:
http://www.campaignmonitor.com/css/

Vooral outlook '07 is een ramp, die van '03 kan er nog wel mee door. Geen ondersteuning voor float. Ook is GMail een vervelende om voor te schrijven aangezien ze geen style in de head-tag ondersteunen.

Dus dat betekend eigenlijk dat je haast wel je layout moet gaan maken met tables (vanwege de waardeloze Outlook '07) en met inline styles om het in GMail zichtbaar te houden.

[ Voor 26% gewijzigd door CoolGamer op 24-02-2009 14:37 ]

¸.·´¯`·.¸.·´¯`·.¸><(((º>¸.·´¯`·.¸><(((º>¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸<º)))><¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸

dinsdag 24 februari 2009 14:46

Acties:

0 Henk 'm!

josjos

Topicstarter

TheCoolGamer schreef op dinsdag 24 februari 2009 @ 14:33:
Hier is een tabel waar van veel clients en webmail clients staat welke css tags ze ondersteunen:
http://www.campaignmonitor.com/css/

Vooral outlook '07 is een ramp, die van '03 kan er nog wel mee door. Geen ondersteuning voor float. Ook is GMail een vervelende om voor te schrijven aangezien ze geen style in de head-tag ondersteunen.

Dus dat betekend eigenlijk dat je haast wel je layout moet gaan maken met tables (vanwege de waardeloze Outlook '07) en met inline styles om het in GMail zichtbaar te houden.

Toplink!,
Enig idee of het gebruik van 3D tags voordelen bied om enig vlak of is dat puur MS markup?

dinsdag 24 februari 2009 14:50

Acties:

0 Henk 'm!

CoolGamer

What is it? Dragons?

Dat 3D heeft met de encoding te maken en hier zorgt de mailclient zelf voor tijdens het versturen.

Hier meer informatie over dat: Wikipedia: Quoted-printable

Dus gewoon HTML schrijven (zonder =3D) en je mailclient zet het, als het nodig is, zelf om.

¸.·´¯`·.¸.·´¯`·.¸><(((º>¸.·´¯`·.¸><(((º>¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸<º)))><¸.·´¯`·.¸.·´¯`·.¸.·´¯`·.¸

woensdag 25 februari 2009 22:38

Acties:

0 Henk 'm!

pesla

LekkerCryptisch.nl

Ik kan je wat tips geven:

Om cross-emailclient ondersteuning te krijgen, moet je weer met table-layouts gaan werken;
Om Lotus Notes te ondersteunen moet elke onderdeel van je e-mail een eigen geneste tabel krijgen;
Definieer je CSS zowel in een style-block in de <head> als inline op de elementen;
Gebruik zo min mogelijk afbeeldingen in verband met spam-meldingen;
Houdt de grootte (in kb's) van je e-mail zo klein mogelijk in verband met spam-meldingen;
Om te testen kan je het beste Firefox 2 en IE6/IE7 gebruiken. Als je email in Firefox 2 goed staat, zal Thunderbird hoogstwaarschijnlijk ook meewerken. Testen in IE6 en IE7 doe je voor Outlook Express, Outlook 2003 en Outlook 2007;
JavaScript kan je het beste vermijden. Lotus Notes kan je extra gedrag geven door het gebruik van LotusScript;
Webmail clients strippen de <head/> van je HTML e-mail;
Een e-mail client is geen browser, dus verwacht ook niet dat het geschikt is om ingewikkelde layouts te tonen. Hou het simpel en overzichtelijk. Een call-to-action naar een internetpagina en dus een echte browser is veel belangrijker

Succes!

LekkerCryptisch: Alles over crypto, in gewone mensentaal (https://lekkercryptisch.nl) • Telegram (https://t.me/LekkerCryptisch)

woensdag 25 februari 2009 22:50

Acties:

0 Henk 'm!

Cartman!

Definieer je CSS zowel in een style-block in de <head> als inline op de elementen;

Oneens. Gewoon nooit een head/body gebruiken maar direct met <table> beginnen. Zo oldschool mogelijk werken, dus enkel tables, geen divs of padding/margins gebruiken en met inline styling spans voorzien van juiste opmaak. Vergeet alles wat je geleerd hebt over semantiek dus in mailings, dat levert het beste resultaat in de meeste clients.

donderdag 26 februari 2009 02:07

Acties:

0 Henk 'm!

Fuzzillogic

Cool

Cartman! schreef op woensdag 25 februari 2009 @ 22:50:
[...]

Oneens. Gewoon nooit een head/body gebruiken maar direct met <table> beginnen.

Jakkes, zo maak je een ranzige techniek alleen maar nog ranziger. Gewoon valid HTML gebruiken.
Overigens, omdat een stel ogenschijnlijk ongetrainde bavianen met een hersenbeschadiging besloten hebben dat Outlook de Word renderengine maar moet gebruiken voor HTML (werkelijk, IMO spoor je dan niet) kun je daadwerkelijk de Word(-viewer) gebruiken om alvast te previewen. Het is niet perfect tho, maar het geeft een idee.

Daarnaast is het imo wel een "goed" (gezien vanuit de gebruiker) idee om de afbeeldingen te embedden in de mail. Hedendaagse clients blokkeren externe afbeeldingen immers.

Tenslotte: zorg altijd voor een plain-text part met NUTTIGE content. En niet enkel een linkje naar een "online" versie van de nieuwsbrief.

offtopic:
Excuus voor de rant, maar de persoon die ooit bedacht heeft dat HTML in e-mail wel een goed idee is, verdient echt een "ICT-Razzie".