6

Ceci est mon premier message. Donc:Empêche le retour à la ligne sur le trait d'union dans le courrier électronique html dans Outlook 2007 et Outlook 2010

Je travaille sur un bulletin électronique HTML en utilisant le même modèle que j'ai utilisé pendant un moment maintenant. Le modèle a bien fonctionné jusqu'à récemment (le peu de code que j'ai utilisé est ci-dessous). Soudainement, Outlook 07/10 ne se comporte pas de la même manière que j'ai perçu qu'ils se sont comportés dans le passé. Ils ne apparaissent pour honorer l'attribut espace blanc lorsqu'il s'agit de tirets. Tous les autres clients de messagerie se comportent comme je l'espère (ils respectent l'attribut espace blanc).

Un des éléments de la newsletter est un ISBN, qui est un ensemble de chiffres séparés par des traits d'union tels que "978-1-555-97610-1". L'ISBN est dans une balise span qui fait partie d'une ligne de texte à l'intérieur d'une balise p qui, avec de nombreux autres éléments p, et éventuellement un img, résident à l'intérieur d'une table. Je dois empêcher les ISBN de casser sur les traits d'union et d'envelopper sur de nouvelles lignes. Je ne peux pas utiliser des traits d'union non cassants, et j'ai beaucoup étudié ce problème dans le passé (je reçois beaucoup de numéros ISBN dans mon travail), donc j'espère ne pas poster quelque chose qui est déjà été répondu un milliard de fois.

Toute aide est grandement appréciée!

Merci, 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

Selon [Campaign Monitor] (http://www.campaignmonitor.com/css/), 'white-space' n'est pas supporté dans Outlook 2000/2003, alors peut-être que vous * avez * trouvé un bug! J'ai aussi dû rechercher cet ISBN par curiosité: "Illusions idéales: comment le gouvernement américain a coopté les droits de l'homme". :) –

+0

En outre, Outlook 2007/2010 utilisent leur version respective de Word pour afficher des e-mails. Je ne suis pas sûr que c'était le cas avec les versions précédentes. Peut-être, bien que "supporté", l'implémentation de Word du support "white-space" est plus détendue que dans d'autres clients (web ou autre). Peut-être que vous devriez ouvrir un problème de connexion avec Microsoft pour une meilleure réponse - c'est un sujet difficile à la recherche en utilisant un moteur de recherche. –

+0

Salut Cory, merci pour votre contribution. C'est un problème diabolique pour la recherche. Mon prochain arrêt sera Microsoft, définitivement, mais j'espère pouvoir trouver une solution au problème immédiat. La seule chose que je peux penser est de casser l'ISBN sur sa propre ligne, mais ce n'est pas la façon dont le modèle a été conçu et j'espère garder la conception intacte. – SneakyOne

Répondre

4

Utilisez la balise <nobr>.

E.g. <nobr>978-0-8050-9466-4</nobr>

+0

Intéressant! La balise '' semble être obsolète/non supportée, mais cela ne m'a jamais arrêté dans le passé. Hélas, ma ligne brise toujours le trait d'union dans Outlook 07/10. Bonne pensée, cependant. – SneakyOne

+0

Avez-vous essayé d'utiliser un trait d'union sans rupture ('‑')? – Krazer

+0

Un trait d'union qui ne fonctionne pas, mais je cherche une solution qui ne repose pas sur eux. Cependant, je ne pense pas qu'il existe un moyen de les utiliser. Un peu malheureux, je pense. Merci pour vos idées! – SneakyOne

-1

Vous pouvez essayer d'ajouter de la largeur à ceci, si possible. Alors ça ne casse pas.

+0

Salut Rudolfs, pourriez-vous expliquer ce que vous voulez dire? – SneakyOne

4

Que diriez-vous tiret insécable &#8209;

1

je devais avoir un élément ne cassera pas dans un e-mail vu via Outlook 2013, mais ne cassera pas sur les espaces. Autant que je déteste le piratage, la façon dont j'ai abordé cette question était d'utiliser des traits d'union insécables, mais mis leur couleur à l'arrière-plan de couleur de leurs parents:

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

avecWow, c'est intelligent. Pour une raison que je ne me souviens pas, je ne pouvais pas utiliser des traits d'union non cassants pour cette tâche particulière. Sur une note légèrement différente, j'ai récemment essayé des espaces de largeur nulle (​) autour des traits d'union pour contrôler les sauts de mots. Il a passé les tests d'Acid entre navigateurs, mais mon ESP les a effectivement retirés, laissant le redoutable '?' à sa place. – SneakyOne

+0

Vous pouvez utiliser des espaces non coupants, ' ' fonctionne également dans Outlook 2013. Les traits d'union non cassants ne sont requis que lorsque vous voulez réellement avoir des traits d'union. –

Questions connexes