6

Dies ist mein erster Beitrag. Also:Verhindern Wortumbruch auf Bindestrich in HTML-E-Mail in Outlook 2007 und Outlook 2010

Ich arbeite an einem HTML-E-Newsletter mit der gleichen Vorlage, die ich seit einer Weile verwendet habe. Die Vorlage hat bis vor kurzem gut funktioniert (das Bit des Codes, das ich verwendet habe, ist unten). Plötzlich verhält sich Outlook 07/10 nicht mehr so, wie ich es wahrgenommen habe, dass sie sich in der Vergangenheit verhalten haben. Sie nicht erscheinen zu White-Space-Attribut, wenn es um Bindestriche zu beachten. Alle anderen E-Mail-Clients verhalten sich wie erwartet (sie berücksichtigen das White-Space-Attribut).

Eines der Elemente im Newsletter ist eine ISBN, eine Reihe von Ziffern, die durch Bindestriche wie "978-1-555-97610-1" getrennt sind. Die ISBN befindet sich in einem span-Tag, das Teil einer Textzeile in einem p-Tag ist, das sich zusammen mit vielen anderen p-Elementen und möglicherweise einem img in einer Tabelle befindet. Ich muss verhindern, dass ISBNs an Bindestrichen brechen und neue Zeilen umbrechen.

Ich kann nicht brechen Bindestriche verwenden, und ich habe dieses Problem in der Vergangenheit viel recherchiert (ich bekomme eine Menge ISBNs in meiner Branche), so hoffe ich, dass ich nicht etwas posten, das bereits ist wurde eine Milliarde Mal beantwortet.

Jede Hilfe wird sehr geschätzt!

Danke, Andrew.

Code:

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin-bottom: 0px; text-align: right;"> 
    Metropolitan Books &middot; 384 pages &middot; $18.00 &middot; paperback &middot;    
     <span style="white-space: nowrap;">978-0-8050-9466-4</span> 
</p> 
+2

Nach [Campaign Monitor] (http://www.campaignmonitor.com/css/), 'white-space' wird nur in Outlook 2000/2003 nicht unterstützt, also * haben * Sie vielleicht einen Fehler gefunden! Ich musste diese ISBN auch aus Neugierde nachschlagen: "Ideale Illusionen: Wie die US-Regierung die Menschenrechte vereinbarte". :) –

+0

Auch Outlook 2007/2010 verwendet ihre jeweilige Word-Version zum Rendern von E-Mails. Ich bin mir nicht sicher, ob das bei früheren Versionen der Fall war. Während "unterstützt", ist die Implementierung von "white-space" -Support von Word vielleicht entspannter als bei anderen Clients (Web oder anders). Vielleicht sollten Sie ein Problem mit Microsoft Connect für eine bessere Antwort öffnen - es ist ein schweres Thema, mit einer Suchmaschine zu recherchieren. –

+0

Hallo Cory, danke für deine Eingabe. Es ist ein teuflisches Problem zu erforschen. Mein nächster Stopp wird definitiv Microsoft sein, aber hoffentlich kann ich eine Lösung für das unmittelbare Problem finden. Das einzige, was mir einfällt, ist, die ISBN in eine eigene Zeile zu bringen, aber das ist nicht die Art und Weise, wie das Template entworfen wurde, und ich hoffe, das Design intakt zu halten. – SneakyOne

Antwort

4

Verwenden Sie den <nobr>-Tag.

z. <nobr>978-0-8050-9466-4</nobr>

+0

Interessant! Das "" -Tag scheint veraltet zu sein/wird nicht unterstützt, aber das hat mich in der Vergangenheit nie aufgehalten. Leider bricht meine Zeile in Outlook 07/10 immer noch am Bindestrich. Gute Gedanken. – SneakyOne

+0

Haben Sie versucht, ein Trennzeichen ohne Trennzeichen zu verwenden ('‑')? – Krazer

+0

Non-Breaking Bindestrich funktioniert, aber ich suche nach einer Lösung, die nicht auf ihnen beruht. Ich glaube nicht, dass es einen Weg gibt, sie zu benutzen. Irgendwie unglücklich, denke ich. Danke für deine Ideen! – SneakyOne

-1

Sie können versuchen, Breite hinzuzufügen, wenn möglich. Dann bricht es nicht.

+0

Hallo Rudolfs, kannst du mir erklären, was du meinst? – SneakyOne

4

Wie wäre es non-breaking Bindestrich &#8209;

1

Ich brauchte ein Element zu haben, nicht gesehen durch Outlook 2013 in einer E-Mail brechen, aber brechen nicht auf Räume. So viel wie ich Hacking hasse, wie ich dieses Problem in Angriff genommen war nicht zu brechen Bindestriche zu verwenden, sondern setzte ihre Farbe die Hintergrund-Farbe ihrer Eltern:

<div style="background-color: #fff; color: #000;"> 
    New<span style="color: #fff;">&#8209;</span>Listing 
</div> 
+1

withWow, das ist schlau. Aus irgendeinem Grund, an den ich mich nicht erinnern kann, konnte ich keine Bindestriche für diese spezielle Aufgabe verwenden. Auf eine etwas andere Anmerkung habe ich kürzlich Null-Breite Räume (​) um Bindestriche versucht, um Wortbrüche zu steuern. Es hat Cross-Browser-Acid-Tests bestanden, aber mein ESP hat sie wirklich rausgerissen und das gefürchtete "?" an seinem Platz. – SneakyOne

+0

Sie können nicht brechende Leerzeichen verwenden, ' ' funktioniert auch in Outlook 2013. Nicht aufbrechende Bindestriche sind nur erforderlich, wenn Sie tatsächlich Bindestriche haben möchten. –