Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Fragen und Tipps & Tricks zur Newsletter Software SuperMailer oder zum BirthdayMailer

Moderatoren: mirko, Wolfi

Antworten
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Habe es gerade getestet. Funktioniert so einwandfrei. Ich konnte in Google-Mail sogar die Zellen-Hintergrundfarbe durch die Ergänzung von <td class="category" bgcolor="#666666"> und die Fettschrift durch den Einsatz von <strong> erzeugen. Du hast natürlich recht: Das macht viel Arbeit!
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von mirko »

Na sicher so wird das dann dargestellt werden, macht natürlich viel Arbeit.
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Ich verwende HTML 4 im Newsletter! Meinst Du damit, wenn ich beispielsweise <font size="3" color="red"> einsetze, wird Google-Mail das erkennen und trotzdem wird ein Media-Query diese Anweisung im umschließenden <p>- oder <td>-Tag überschreiben und beispielsweise auf einem Smartphone eine andere Schriftgöße und/oder Farbe darzustellen?

Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE>
td.category {
background-color:#666666;
text-align:left;
color: #ffffff;
font-size:12px;
font-weight: bold;
padding: 3px;
}
</STYLE>
</HEAD>
<BODY>
...
<td class="category">News 03/2014</td>
...

Media-Query in Supermailer - E-Mail - Seiten-/Body-Eigenschaften - Spezielle Stylesheets:
@media only screen and (max-width: 960px) {
td.category {font-size:30px;
}
}

Sollte folgendes erzielen:
E-Mail in Outlook: Aussehen nach den Angaben im der <style>-Angaben im Header
E-Mail in Google-Mail: Aussehen nach den <font>-Angaben
E-Mail auf Smartphone o. ä.: Aussehen nach den Angaben in den Media-Queries in den Supermailer-Einstellungen
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von mirko »

Das ist korrekt, das kann man nicht. Aus dem Grund auch normales HTML verwenden, font-Tags, und keine Stylesheets am Tag. Stylesheets am Tag nur wenn diese genau an diesem Tag für die Darstellung notwendig sind.
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Da ich doch aber für Google-Mail die Tags direkt mit den Style-Attributen ausstatten muss (also beispielsweise <p style=“font-size:14px“>), kann ich diesen Wert doch weder mit den Style-Angaben im Header noch mit Media-Queries überschreiben! Oder habe ich hier einen Denkfehler?
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von mirko »

Ist ja auch nicht wichtig. Die Stylesheets einfach in den <head>-Bereich hinzufügen lassen, Google Mail entfernt diese alle anderen lassen diese drin und werten diese für die Anzeige aus, insofern diese unterstützt werden.
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Ich weiß doch aber nicht wer seinen Newsletter mit dem Iphone und wer mit Gmail öffnet?
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von mirko »

kann man nicht kombinieren, braucht man bei Google Mail doch nicht.
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Dann kommt allerdings die Problematik zu Tage, dass die Media-Queries (sind korrekt im Supermailer-Menü und nicht im Quelltext integriert) ignoriert werden. Wie soll man das denn kombinieren? Ich möchte beispielsweise die einzelnen Beitrags-Titel auf einem Smartphone größer darstellen als bei der Desktop-Version!
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von mirko »

Genau so ist es, keine Stylesheets im <head>-Bereich verwenden, immer an jedem Tag einzeln definieren.
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Re: Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Ich habe gerade selbst die Lösung gefunden. Falls jemand anderes auch dieses Problem hat:

Gmail akzeptiert keinerlei Angaben zwischen <head></head>, somit auch nicht die eingebetteten CSS-Angaben. Diese müssen direkt beim jeweiligen Tag mittels style="" eingefügt werden!
Overtone69
Beiträge: 88
Registriert: 03.03.2010, 14:12

Keine Hintergrundfarbe in Tabellen-Zellen in Gmail

Beitrag von Overtone69 »

Weder in der Android-noch in der Desktop-Version erscheinen im E-Mail-Client von G-Mail die per CSS-Klasse eingefügten Hintergrundfarbe in Tabellen-Zellen! Hat dafür bereits jemand eine Lösung eruiert?
Antworten