Outlook ajouter de l'espace dans les e-mails HTML
Je sais que c'est un problème commun, j'ai cherché haut et bas pour trouver une solution. Tout ce que j'ai trouver, j'ai essayé. Si j'avais des cheveux à gauche, je serais le tirant.
J'ai une table qui a une série de points de balle. Le problème avec ce tableau, c'est que chaque fois que je créer une nouvelle ligne, Outlook décide d'ajouter de l'espace supplémentaire au-dessous de chaque ligne, ce qui rend ma table de paraître plus grand qu'il ne devrait l'être.
<style type="text/css">
.ExternalClass table, .ExternalClass tr, .ExternalClass td {line-height: 100%;}
</style>
<table width="400" align="left" cellpadding="0" cellspacing="0" border="0">
<tr style="margin:0px; padding:0px;">
<td width="10" align="right" valign="top" style="border:none; margin:0px; padding:0px;">
<p style="margin:0px; padding:0px;">
•
</p>
</td>
<td width="380" align="left" valign="top" style="border:none; margin:0px; padding:0px;">
<p style="margin:0px; padding:0px;">
Info next to bullet
</p>
</td>
</tr>
<tr style="margin:0px; padding:0px;">
<td width="10" align="right" valign="top" style="border:none; margin:0px; padding:0px;">
<p style="margin:0px; padding:0px;">
•
</p>
</td>
<td width="380" align="left" valign="top" style="border:none; margin:0px; padding:0px;">
<p style="margin:0px; padding:0px;">
Info next to bullet
</p>
</td>
</tr>
</table>
Choses que j'ai essayé ça ne fonctionne pas:
border-collapse:collapse
display:block
display:inline-block
float:left
Avez-vous essayé sans le
Il fonctionne! J'ai tourné la
De bonnes choses 🙂 j'ai ajouté qu'une réponse, n'hésitez pas à l'accepter.
<p>
tags? Quand vous dites que c'est de l'insertion de l'espace en dessous de la ligne, entendez-vous entre chaque <tr>
?Il fonctionne! J'ai tourné la
<p>
les balises dans <span>
et tout semble parfait. Merci.De bonnes choses 🙂 j'ai ajouté qu'une réponse, n'hésitez pas à l'accepter.
OriginalL'auteur Timothy Adams | 2013-06-13
Vous devez vous connecter pour publier un commentaire.
Supprimer la
<p>
balises, les clients de messagerie de ne pas toujours respecter le style sur ceux, et ils sont automatiquement ajouter un saut de ligne par la suite.Vous pouvez remplacer le
<p>
avec un<span>
si besoin est, que<span>
ne vient pas avec tout "libre" de rembourrage.<span>
donc je peux garder mon en-ligne de style puisque certains clients de messagerie n'est pas toujours lire le style de<td>
, mais oui, cela a fonctionné.J'ai mis à jour la réponse à inclure, juste au cas où s'il vous plaît ne pas lire les commentaires 🙂
Ce client ignorer les styles en ligne sur
<td>
s? Je n'ai jamais rencontré ce problème.OriginalL'auteur Town
Outlook.com ajoute CSS intégré qui remplace la ligne des hauteurs, et les deux Perspectives et Outlook.com ne prennent pas en charge
<p>
marges très bien, si, à tous: j'ai trouvé le<p>
balise de la pointe dans un forum en ligne (suivi de la Campagne, je pense), mais je n'ai jamais pu le faire fonctionner de manière cohérente:HTML/CSS:
Faire pour Résoudre Le Problème
À remplacer Outlook.com hauteur de la ligne, procédez de la manière suivante:
CSS intégré:
Cohérente remplissage/marges sur tous les clients de messagerie/agents d'utilisateur, j'utilise
<span>
les balises et le rembourrage (pas de marge d'attributs) de la<td>
conteneur:HTML/CSS
Note: j'ai ajouter un nom de classe de style pour le responsive design, où la prise en charge.
Remarque: j'ai trouvé
mso-line-height-rule: exactly
pour Outlook 2003/2007/2010/2013. Il ne fonctionne que si elle est utilisée sur un bloc élément de niveau, et il doit être répertorié comme le premier attribut avant de la hauteur de la ligne (comme dans l'exemple ci-dessus).Conseils Généraux:
<td>
de la rubrique. Il peut être un peu excessif, mais il vous donne plus de contrôle sur l'espacement qu'autre chose, j'ai trouvé.HTML/CSS:
OriginalL'auteur josh1978