Problèmes avec les images sur les e-mails HTML

Question

J'ai des difficultés à créer un e-mail HTML. J'ai actuellement converti mon email entier à une table de 8 ligne dans l'ordre suivant:

1. tête (image)
2. champ Date
3. Champ Contenu
4. Base de contenu (image du bas arrondi)
5. haut en bas de page (image supérieure arrondie)
6. Pied de page
7. base de pied de page (image du bas arrondi)

Comme vous pouvez le voir, quatre de ces champs contiennent une image. J'ai été très stricte avec la disposition de ma table, en faisant 550px de large, les images elles-mêmes ont une largeur de 550px et j'utilise border-collapse sur la table pour supprimer l'apparence des bords de champs. Le problème que j'ai, c'est que tous les champs sans images contiennent quelques pixels de plus, ce qui, comme j'utilise des fonds et des sommets arrondis, ruine un peu la mise en page. Je ne peux pas comprendre pourquoi il fait ça. Les images sont ajoutées selon la balise <img> et ce que je pense, c'est qu'elle place un espacement entre le bord du champ et l'image et que le reste de la table dépend de la largeur du plus grand il pousse les autres sur quelques pixels. J'ai du mal à trouver une solution à cela, j'ai essayé beaucoup de choses différentes telles que les marges négatives sur les images et les tableaux. Quelqu'un peut-il offrir des solutions à cela?

L'image ci-dessous illustre cette "progression" et bien que mineure, lors de l'exportation vers Outlook, elle semble doubler. L'image commence au-dessus de la ligne « Hydref 2010 » -

MISE À JOUR: je les commandes cellspacing et cellpadding et les réduit à 0, ce qui fixe l'affichage dans un navigateur, mais dans Outlook, il est le même

Answer 1

HTML Les e-mails sont toujours un peu "fuuuuuuuuuuuuuuuuuuuuuuuu", et me laissent me sentir dégonflé. Vous avez pris la bonne approche pour utiliser les tables, et le problème que vous rencontrez est celui que j'ai vu auparavant, mais pour la vie de mon, je ne me souviens pas comment je l'ai réparé.

Avez-vous essayé condenser vos colonnes dans une ligne de balisage:

<td> 
    <img> 
</td> 

dans

<td><img></td> 

IE et le mot sont terribles pour déchirants des espaces blancs.

Si cela échoue, vous pouvez toujours diviser vos colonnes, donc vous avez une entretoise de chaque côté du titre et un col-span sur les images principales?