In allen Browsern und den allermeisten Mail-Programmen funktionieren sie problemlos: Buttons mit abgerundeten Ecken. Doch in Outlook sind die Ecken nach wie vor eckig, weil es das Attribut „border-radius“ nicht unterstützt. Gibt es dafür wirklich keine Lösung oder einen Workaround?
Variante 1: Mit VML-Code
Es gibt tatsächlich einen Workaround. Der besteht darin, dass zusätzlich zum „normalen“ HTML-Code der Button in VML (Vector Markup Language) nachgebildet wird.
Wie das genau funktioniert, kann man in dem Artikel „Bulletproof Email Buttons for Outlook“ nachlesen, inklusive Beispiel-Code.
Die gute Nachricht: Das funktioniert tatsächlich. Buttons werden damit auch in Outlook mit abgerundeten Ecken dargestellt.
Doch es gibt leider mehrere gewichtige Nachteile:
- Der Code wird deutlich umfangreicher und ist weniger leicht wartbar.
- Es muss für Outlook eine fixe Höhe und fixe Breite vorgesehen werden. Für andere Elemente als Buttons ist dieser Workaround also defacto nicht verwendbar und auch bei sehr kurzen oder sehr langen Button-Beschriftungen führt das zu unschönen Ergebnissen.
- Die Links müssen 2x definiert werden (innerhalb des HTML-Codes und zusätzlich im VML-Konstrukt).
- Ein großes Problem entsteht bei Weiterleitungen: Solche Buttons werden dabei von Outlook – warum auch immer – in eine Art Bild verwandet und sind dann nicht mehr klickbar!
Fazit: Ja, diese Lösung funktioniert tatsächlich, auch in Outlook. Doch wirklich praktikabel ist das aus unserer Sicht nicht.
Variante 2: Mit Rundungs-Bildern
Eine Alternative wäre, den Button in allen Ecken mit kleinen Bildern zu versehen, die lediglich die Rundung darstellen. Diese Bilder sind nur so breit und hoch wie die Rundung selbst, also zum Beispiel 10×10 px oder noch kleiner.
Das funktioniert also ohne VML-Konstrukt oder andere Tricks. Doch ein Nachteil ist klar: Wenn ein Mail-Programm die Bilder blockiert, dann werden auch diese kleinen Rundungs-Bilder nicht heruntergeladen und man sieht in den Ecken des Buttons nur die unschönen Platzhalter, die Outlook anstelle der Bilder anzeigt.
Fazit: Da gerade bei Outlook die Bilder normalerweise nicht heruntergeladen werden, ist auch das also keine sehr elegante Lösung.
Was bleibt? Besser eckige Ecken.
Beide beschriebenen Lösungen funktionieren, doch aus unserer Sicht überwiegen bei beiden die Nachteile klar.
Damit bleibt uns allen wohl, weiterhin mit Buttons zu leben, die in Outlook mit eckigen Ecken dargestellt werden. Bis Microsoft hier endlich mal nachbessert.
Und soooo schlimm sind eckige Ecken außerdem auch wieder nicht, zumal die Outlook-Verwender diese ohnehin gewohnt sind.
Über den Autor
Michael Kornfeld ist mit einer über 25-jährigen Laufbahn ein leidenschaftlicher Verfechter von E-Mail-Marketing. Er hält zahlreiche Seminare und Fachvorträge und zählt zu den renommiertesten Experten Österreichs auf diesem Gebiet.