Hallo,
Ik heb voor een kennis van mij een nieuwsbrief verzorgt. Ik kwam er achter dat css in een nieuwsbrief eigenlijk niet gaat, omdat veel gebruikte mailproviders als hotmail en gmail geen css ondersteunen. In ieder geval ondersteunen ze het niet compleet  (ook niet als je inline styles gebruikt). Als je je mail krijgt en leest in programma's als Outlook etc. gaat het vaak wel goed.

Wat is dan het slimst om te doen? Toch je nieuwsbrief in css (volledig inline styles) opbouwen of ouderwets in een tabelletje?

Als een tabel gebruiken dan toch beter is heb ik nog een klein vraagje: zijn er html-codes dat de tabel boven- en onderaan tegen de rand van je firefox window aankomen? automatisch komt er toch vaak een margin van ong. 10 px.

Ik zie uit naar jullie reacties.

Nieuwsbrieven (in tabellen of CSS) worden zowieso niet heel erg goed ondersteund,
dus 't is misschien wijs om even te kijken of het wel zo'n goed idee is. De gratis
providers zoals Hotmail en Gmail ondersteunen het niet altijd even goed (ook al
doet Gmail het beter), en Outlook '08 op de PC is helemaal een achterblijver
op dat gebied.

Ook de ondersteuning van CSS in Outlook 2007 is zeer belabberd!
Dat komt doordat MS heeft besloten om de HTML-render engine van Word te gebruiken i.p.v. die van Internet Explorer. Een flinke stap terug in de tijd dus...

Bedankt voor jullie reactie.
Als ik het goed begrijp dus zoveel mogelijk pure html gebruiken! Opmaken in een tabel en eenvoudig houden?

Liefst zelfs geen tabellen, omdat dat ook niet overal goed ondersteund wordt
Digitaal opgemaakte nieuwsbrieven zijn helaas erg slecht ondersteund... is het
bij de ene dat tabellen niet goed werkt, is het bij de ander dat CSS niet goed
ondersteund.

De beste nieuwsbrieven zijn vaak toch PDF's

(Bewerkt door joram om 13:02, 2-01-2008)

Ok, daar had ik nog niet aan gedacht. Hoe zorg je er dan voor dat de nieuwsbrief zich direct opent en niet als bijlage meegestuurd wordt?

Hmm, met een PDF gaat dat helaas niet.
Een JPG kan dat, maar dat hangt weer af van het feit of mensen het mailtje in Hotmail, Gmail, Outlook, Apple's Mail of Entourage bekijken e.d.

Tja, lastig dus.
Maar je krijgt vaak zat een nieuwsbrief van internetbedrijven. Het moet toch mogelijk zijn dat zelf ook te doen? Het enige wat ik dus graag wil weten wat dan de slimste manier van verzenden is: in pdf, jpg, html, css etc? Ik heb het gevoel dat html nog altijd de beste is dan. je kan er altijd nog een link naar een webversie erbij zetten, dan wordt de nieuwsbrief in ieder geval goed vertoond.

Ik dénk dat je het een beetje op deze manier kan onderverdelen:
- PDF = veiligst, maar is niet in 1 oogopslag te zien in je mail als een "nieuwsbrief"
- CSS = het mooist/netst, maar wordt helaas niet door alle providers/programma's
goed ondersteund
- JPG = wordt eigenlijk nooit gedaan, maar is zo'n beetje het meest gebruikte formaat voor plaatjes
- HTML/tabellen = eigenlijk helemaal niet goed om webpagina's op te zetten (ook nieuwsbrieven zijn eigenlijk gewoon sites), maar word door sommige providers/programma's goed weergegeven (met name Gmail en Outlook doet het re-de-lijk goed met tabellen.

Je zult denk ik een afweging moeten maken tussen goed/weinig ondersteuning en slecht/redelijk wat ondersteuning

Ok dankjewel voor je snelle reacties. Ik blijf dan bij de tabellen en html. Omdat dat het best in 1x goed weergegeven wordt. Daarnaast kan je goed statistieken bijhouden: hoe vaak je mail is geopend, op welke linkjes is geklikt etc. etc.

Hier staan een aantal interessante dingen over HTML email support.

http://www.email-standards.org/
http://www.smashingmagazine.com/2007/10/16/best-practices-for-bulletproof-e-mail-delivery/
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
http://www.mailchimp.com/resources/html_email_design.pdf

Outlook 2007 is echt om te huilen!!

Ik adviseer old-school tabellen, geen embed css, allemaal inline schrijven. Geen body tag (wordt er door hotmail en gmail etc) toch uitgesloopt. Schrijf de css declaraties volluit. Dus geen 0 maar 0px. En gebruik geen floats, geen position relative of absolute. Achtergrond plaatjes (van div's of table td's) werken ook niet in online mail clients als hotmail en gmail.

Layouts lekker html-slicen, oldschool.

Gebruik ajb ook geen p-tags. Want Outlook 2007 gaat zelf css classes schrijven en toekennen (voor de Word render engine) om het nog enigsinds, NOT!!, eruit te laten zien. HTML p-tags krijgen standaard extra ruimte / padding overal!!

Maak een paar test accounts aan, toch allemaal gratis: hotmail, gmail en yahoo.

Bekijk de comparison charts. En test goed.

(Bewerkt door denn88 om 14:01, 2-01-2008)

Dankjewel, ik zal die linkjes even doornemen. Ik doe het inderdaad precies zoals jij het beschrijft, ik was benieuwd of er niet een betere manier was. Maar jullie reacties lezende, blijf ik het zo doen. Nogmaals bedankt voor je reactie!

Tja, ik zelf maak / test / verstuur (mailings van bedrijven) die dingen regelmatig en kom nog wel eens wat dingen tegen. Meestal is het echt heel erg beperkt wat je kan doen op het gebied van HTML mailings en de ondersteuning is echt belabberd in de mail clients als het grote Outlook.

De beste zijn nog de meest ongebruikt. Niet om Apple nou te promoten maar Apple's Mail en Mozilla Thunderbird zijn dan nog de beste naar mijn idee, qua ondersteuning.

Hoewel de beste online mail client toch Live Mail (voorheen hotmail) is van Microsoft qua HTML / css ondersteuning in HTML emails. Toch verassend.

Zou het gewoon bij eenvoudige HTML houden met eenvoudige tabellen.
Zorg ervoor dat je meerdere elementen gebruikt zodat de nieuwsbrief door een Spam filter heen komt. Bij voorkeur wat plaatjes met losse teksten.

Advies: simpel houden, vooral icm met de nieuwste Outlook van onze grote vrienden.