Hallo,
ich habe eine E-Mail Signatur erstellt und bin dabei auf das Problem gestoßen, dass in Smartphone-E-Mail-Apps der Text in der 2. Zelle Vertikal angeordnet und quasi gequetscht wird. Wenn man auf dem Smartphone sich über einen Browser die E-Mail anschaut tritt das Problem nicht auf, bringt aber nichts wenn heutzutage viele Ihre E-Mails mit Apps lesen. Ich bin jetzt nicht der Begabteste in der HTML-Codierung und würde mich freuen wenn ihr mir die Lösung verständlich erklären könntet. Aus Schutz von den Daten meiner Kollegen, habe ich die Personendaten leicht abgeändert. Fotos im Anhang.
Der HTML Code:
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd8e2e43f">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd8d10c71">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd8cf1b95">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd7579aec">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd73cacf4">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dd733a689">
<div id="main_mail_form_crm_mail_template_edit_form_123_quote_17dc266f3b4">
<table cellpadding="1" cellspacing="1" width="100%">
<tbody>
<tr>
<td colspan="4" style="background-color:#6ab8ee ;color:#FFFFFF">
<b>Mark Musterman• Musterbook Besitzer | Digital Lizard</b><br>
</td>
</tr>
<tr>
<td width="0%">
<img width="120" src="https://th.bing.com/th/id/OIP.…UtRFgHaE7?pid=ImgDet&rs=1" height="80">
</td>
<td style="color:#000000;height:140px;width:260px;height: auto">
<b>Musterfirma </b><br>
Adress: Musterstraße 123B, 01111 Musterstadt<br>
Phone: +4923131231231<br>
Mobile: +4921314123131<br>
Website: musterman.com<br>
Email: msuterman.muster@gmail.com<br>
</td>
<td width="0%">
<img width="120" src="https://th.bing.com/th/id/OIP.…5-Z-QHaHY?pid=ImgDet&rs=1" height="119">
</td>
<td width="100%">
<img width="120" src="https://th.bing.com/th/id/R.1980201...Q8+V0w905koWxmXFzt9cB6o=&risl=&pid=ImgRaw&r=0" height="120">
</td>
</tr>
</tbody>
</table>
<br>
<hr style="color: #6ab8ee">
</div>
</div>
</div>
</div>
</div>
<br>
</div>
<br>
</div>
<br>
Text in HTML-Tabelle in Smartphone-App wird vertikal angeordnet
-
-
Wofür sollen die ganzen div's gut sein?
Bei HTML-Mails sollte man auf Style-Angaben verzichten und die eigentlich veralteten Formatierungen benutzen. Viele eMail-Clients haben gravierende Probleme mit Style-Angaben, selbst Outlook tut sich damit schwer.
-
Die divs sind wohl nebenbei aus Versehen entstanden. Habe sie entfernt aber das Problem besteht weiterhin.
-
Hast du das ersetzt:
Ansonsten auch mal hier nachsehen: https://www.outlook-apps.com/html-ignored-by-outlook/
-
Danke für den Link, leider kein Befehl der bei mir dabei der Probleme verursacht. Style wird teilweise ja angewendet, zumindest die Farbe halt und width wenn man es in Prozent angibt. Die Codelinie war mein Versuch der Tabellenzelle mit der Adresse eine feste Größe zu geben, da ich vermute das Problem hängt damit zusammen, dass Handyapps die Tabelle in ihre definierte Breite reinkriegen wollen und deshalb den Text vertikal anordnen um das halt zu erfüllen. Ich habe auch versucht schon mal mit dem align Befehl zu arbeiten, leider ohne Erfolg. Hast du noch eine Idee wie man die Zelle als feste Größe definieren könnte damit der Text immer genug Platz hat um nicht vertikal angeordnet zu werden? Oder ein Befehl für den Text?
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!