by Guest » 19 Jan 2025, 20:11
Ich muss ein unternehmensweites Signaturformular fertigstellen und möchte sicherstellen, dass es auf den meisten Geräten gut aussieht. Der folgende Code funktioniert gut in Outlook (PC, Mac, iPhone, Android), Yahoo (iPhone, Android) und Gmail auf dem iPhone. Allerdings werden die Zeilen in der Adresse bei Gmail für Android immer noch umbrochen.
Ich habe mehrere vorgeschlagene Hacks ausprobiert, die ich für Gmail-spezifische Probleme gefunden habe und die ähnlich klangen, aber ohne Erfolg oder beobachtbare Änderung:
- Hinzufügen von !important zur Eigenschaft „white-space: nowrap“
- Verwenden eines Inline-Stils für den Leerraum: nowrap (hat dies auch mit !important versucht)
- Hinzufügen eines Stils für * {-webkit-text-size-adjust: none< /li>
Hinzufügen einer ununterbrochenen Textzeichenfolge mit Leerzeichen: none und Anzeige: none
Kennt jemand eine Problemumgehung für Gmail auf Android, um zu verhindern, dass es umgebrochen wird? Oder eine bessere Lösung? Sicherlich haben auch andere Unternehmen Signaturen entwickelt, die auf allen Plattformen gut aussehen
Hier ist mein aktueller Code (keine Hacks angewendet):
Code: Select all
[url=http://www.google.com]
[img]https://i.sstatic.net/P0eTy.gif[/img]
[/url]
John Doe |
Chief Awesomizer
Big Ideas Department
a | 1234 Big Long Street Name S-11 Anytown, USA 55555
o | 333.123.4567 f | 333.000.0000 m | these lines are wrapping on Gmail for Android!
e | [url=mailto:fakeemailaddress@myexampledomain.com]fakeemailaddress@myexampledomain.com[/url] w | [url=http://www.google.com]www.google.com[/url]
Screenshot des gewünschten Renderings: iPhone 6S und anderswo
Screenshot von Gmail auf Android: Galaxy 3, auch auf Galaxy 6 beobachtet
Ich erstelle diese Signaturen in Microsoft Outlook 2010 (unserem Firmenstandard – jede vorgeschlagene Lösung). Das Senden von Outlook muss funktionieren, um akzeptiert zu werden Rendern Sie den HTML-Code in IE 11, wählen Sie alles aus und fügen Sie es in das Fenster „Signatur bearbeiten“ ein (
-> Signatur-Dropdown -> Signaturen... -> Neu -> Signatur bearbeiten). Beachten Sie, dass das Bild beim Einfügen aus Chrome nicht korrekt übertragen wurde.
Ich muss ein unternehmensweites Signaturformular fertigstellen und möchte sicherstellen, dass es auf den meisten Geräten gut aussieht. Der folgende Code funktioniert gut in Outlook (PC, Mac, iPhone, Android), Yahoo (iPhone, Android) und Gmail auf dem iPhone. Allerdings werden die Zeilen in der Adresse bei Gmail für Android immer noch umbrochen.
Ich habe mehrere vorgeschlagene Hacks ausprobiert, die ich für Gmail-spezifische Probleme gefunden habe und die ähnlich klangen, aber ohne Erfolg oder beobachtbare Änderung:
[list]
[*]Hinzufügen von !important zur Eigenschaft „white-space: nowrap“[*]Verwenden eines Inline-Stils für den Leerraum: nowrap (hat dies auch mit !important versucht)
[*]Hinzufügen eines Stils für * {-webkit-text-size-adjust: none< /li>
Hinzufügen einer ununterbrochenen Textzeichenfolge mit Leerzeichen: none und Anzeige: none
[/list]
Kennt jemand eine Problemumgehung für Gmail auf Android, um zu verhindern, dass es umgebrochen wird? Oder eine bessere Lösung? Sicherlich haben auch andere Unternehmen Signaturen entwickelt, die auf allen Plattformen gut aussehen :)
Hier ist mein aktueller Code (keine Hacks angewendet):
[code]
[url=http://www.google.com]
[img]https://i.sstatic.net/P0eTy.gif[/img]
[/url]
John Doe |
Chief Awesomizer
Big Ideas Department
a | 1234 Big Long Street Name S-11 Anytown, USA 55555
o | 333.123.4567 f | 333.000.0000 m | these lines are wrapping on Gmail for Android!
e | [url=mailto:fakeemailaddress@myexampledomain.com]fakeemailaddress@myexampledomain.com[/url] w | [url=http://www.google.com]www.google.com[/url]
[/code]
[b]Screenshot des gewünschten Renderings:[/b] iPhone 6S und anderswo
[b]Screenshot von Gmail auf Android:[/b] Galaxy 3, auch auf Galaxy 6 beobachtet
Ich erstelle diese Signaturen in Microsoft Outlook 2010 (unserem Firmenstandard – jede vorgeschlagene Lösung). Das Senden von Outlook muss funktionieren, um akzeptiert zu werden Rendern Sie den HTML-Code in IE 11, wählen Sie alles aus und fügen Sie es in das Fenster „Signatur bearbeiten“ ein ([code]new E-mail Message[/code] -> Signatur-Dropdown -> Signaturen... -> Neu -> Signatur bearbeiten). Beachten Sie, dass das Bild beim Einfügen aus Chrome nicht korrekt übertragen wurde.