HTML Outlook Email

-4

J'ai un courriel HTML hébergé chez http://www.jn-design.co.uk/misc/Swagelok/email.html HTML Outlook Email

La mise en page lors de l'essai dans les versions antérieures de vue avant 2007, semble briser. Le contenu est déplacé vers la droite de la table et a coupé une partie du fond. Si vous voyez mon lien dans votre navigateur par rapport à la capture d'écran suivante, vous verrez le problème. J'avais précédemment eu ce problème dans IE et l'ai résolu en re développant complètement mon email. Maintenant, le problème persiste dans Outlook ...

enter image description here

Toute aide serait grandement appréciée ....

Source

2013-03-07 James New

En quoi est-ce différent de votre dernière question: http://stackoverflow.com/questions/15231669/html-email-table-position? – j08691

Parce que j'avais mis à jour et re travaillé tout mon modèle, comme le dernier problème était dans IE. J'avais alors résolu le problème dans IE. Maintenant, même si dans Outlook, le problème persiste. Seules les perspectives ... –

Eh bien mon ami, j'ai vu votre code et il rompait parce que vous eu/ont beaucoup de balises non fermées

Mais à obtenir votre email pour bien paraître dans Outlook, vous devez avoir une table de conteneur de 100%

J'ai ajouté ce violon sur:

http://jsfiddle.net/Riskbreaker/K8CLB/

Comme vous pouvez le voir faire ce .....

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="white"> 
<tr> 
<td align="center"> 
all your email here 
</td> 
</tr> 
</table>

..... contrôlera le contenu ... en faisant cela, je change tout votre tables intérieures à aligner centre (et tous les 600) .... il semble y avoir d'autres choses que vous devez corriger/fermer (vous pouvez le faire ...) mais le centrage est fixe.

Espérons que cela aide.

Source

2013-03-07 20:33:17 Riskbreaker

Merci, cela a beaucoup aidé. Y a-t-il une raison pour laquelle c'est une solution au problème? –

vous avez eu une table de superposition ... en utilisant cela contrôle votre email plus ... ne pas avoir cela peut ajouter des perspectives à partir de leur shell de couche ourter qu'ils ont. – Riskbreaker

votre table principale a une largeur = 600, la plupart des tables à l'intérieur ont une largeur = 550, mais ces deux « aberdeen .. » et la suivante ont une largeur = 600, changer de nouveau à 550 peut-être cela fonctionne

vous avez oublié de fermer la table avant la table aberdeen

aussi presque à la fin vous ne ferment pas votre

<a> tags ([email protected], and www.sagelok.com, and ESPN.Vatland....)

et il y a peut-être une fermeture

</td> and </tr> to much at the end, right before closing the last table!

Source

2013-03-07 19:22:47 caramba

utilisez FireFox, appuyez sur cmd + u (les utilisateurs Windows devraient faire avec ctrl + u) !? et alors vous verrez le rouge surligné si vous faites des erreurs comme ça. Aussi, vous pouvez vérifier votre page à W3C et il vous montrera 26 erreurs la plupart du temps le nettoyage les premiers les nettoie tout de suite – caramba

Outlook ne bloque pas les choses avec du HTML non validé.

Veuillez essayer: W3C markup validation server pour identifier les problèmes dans votre code. Allez également à: Campaign Monitor guide to CSS support in emails pour savoir si votre style fonctionne sur plusieurs clients de messagerie. (et spécifiquement dans Outlook). Il y a aussi une excellente ressource de blog.

Dernier commentaire, contrôlez la largeur des articles en déclarant vos largeurs dans les tags. Exemple: width = 400 (largeur basée sur les pixels) ou width = 100% (pourcentage basé sur la largeur - attention car certains clients peuvent avoir des problèmes)

Une majorité de style normal est compatible si vous codez directement dans les tags ou dans la déclaration de l'étiquette. N'essayez pas de marquer des tags car certains clients suppriment cette déclaration du contenu de l'e-mail. Les css externes sont également supprimés dans certains clients.Les balises peuvent provoquer des problèmes d'espacement dans certains navigateurs ainsi que des balises écrasées par les préférences de style côté utilisateur.
et sont vos amis.

Source

2013-03-12 15:53:20 artcase

HTML Outlook Email

Répondre

Questions connexes