Comment vertical aligner l'image et du texte de la croix client de modèles d'e-mail
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="20"> <img height="12" alt="" src="/CmpImg/2010/22677/924228_immunotec_bullet.gif" width="12"></td>
<td valign="top"><span style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: left">Reliable service team, deployed to your location, at your convenience</span></td>
</tr>
</tbody>
</table>
J'ai le code ci-dessus dans Outlook. Il affiche bien, mais dans Gmail, Yahoo et Hotmail, les puces et le texte ne sont pas alignées verticalement sur le dessus, il semble qu'il y est de rembourrage autour du haut du texte. Des idées?
OriginalL'auteur user1417094 | 2010-12-08
Vous devez vous connecter pour publier un commentaire.
Longue histoire courte, dans les tests que j'ai fait cet après-midi, il ressemble à outlook prend en charge la valign de propriété sur les éléments td mais gmail et le reste veux le vertical-align règle css. Gmail prend uniquement en charge les styles en ligne, pas les balises de style, de sorte que vous avez à faire quelque chose comme ceci:
Aussi assurez-vous de déclarer un doctype! Assurez-vous que c'est au-dessus de votre
<html>
élément:valign="top"
est correcte, le
valign
attribut est le meilleur, ne pas utiliser le CSS pour ce.OriginalL'auteur David Meister
Utiliser ce code
OriginalL'auteur Carlos
D'abord comme une pratique générale avec les e-mails que vous aurez envie de mettre de l'affichage du bloc et généralement border:none sur toutes les images. D'autre part, vous pourriez être en cours d'exécution des ennuis avec les valeurs par défaut. Ensemble de tous les styles sur le td. Si j'ai besoin de certains espacement, je vais définir la taille de la police et de la hauteur de la ligne de 1px sur le td pour éviter l'héritage. Vous pourriez aussi avoir besoin valign top sur votre premier td. Je ne peux pas vraiment dire ce qui n'est pas la queue de la description. Bonne chance avec vos e-mails.
OriginalL'auteur mikevoermans
Je suppose qu'il pourrait être en raison de la . Je n'ai plus la source à portée de main, mais je rappelle que de nombreux clients de messagerie, y compris Outlook ne pas le lire .
OriginalL'auteur Crystal Miller