espace blanc supplémentaire entre les tables dans le courrier électronique html pour le client gmail
Mon code est à
http://jsfiddle.net/user1212/G86KE/4/
Le problème est dans gmail, il laisse un espace blanc entre les 2 tables à l'intérieur de la même cellule.
J'ai essayé display:block; margin:0; padding:0; line-height:0;
Cependant , il ne semble pas aller loin.
Est-il un correctif à cette situation?
source d'informationauteur user544079
Vous devez vous connecter pour publier un commentaire.
Style mails HTML est horrible.
Quelques conseils:
border-spacing:0; /*this should fix the spacing problem*/
Vous avez besoin de l'appliquer à toutes les tables que vous utilisez, de sorte que vous devriez inclure dans un
<style>
bloc au sommet de la sorte:(désolé pour la mauvaise mise en forme, en quelque sorte, le code a refusé de montrer correctement sur plusieurs lignes)
Utilisant style="display:block" dans la balise d'image devrait fonctionner. Aussi, n'oubliez pas pour l'ajouter à l'entretoise de l'image si vous l'utilisez.
Je sais que ce n'est pas ce que tu recherches peut-être, mais,...
Lâche l'entretoise (spacer.gif), afin de perdre dans les grands espaces dans un réactif envoyer des images par email doit être intégré dans une cellule par ligne, que va afficher toutes les images bloc-ed.
Espérons que cela aide, c'était la solution que j'ai utilisée dans mon cas.
Une cellule par ligne:
display:block
beaucoup travaillé pour le problème d'écart entre mon corps et le pied de page, mais il n'a rien fait pour l'en-tête, pas plus que les autres correctifs. Je sais que c'est un vieux thread, mais au cas où quelqu'un trébuche à travers elle, et le ci-dessus ne vous aide pas, cela n'a pour moi:Ajouter
style="line-height:1px; font-size:0.0em;"
à la<td>
balise qui contient l'en-tête de la table.Vous pourriez avoir à essayer quelques différentes balises à trouver la bonne, mais c'est une autre solution à essayer.
Juste ajouter
style="line-height:50%"
sur le<table>
. Vous remarquerez que cela aura une incidence sur le texte de la hauteur de ligne si vous avez un texte dans votre document. Pour y remédier, vous devrez alors ajouter:style="line-height:100%"
à la<td>
avec le texte.Donc je sais que cela peut sembler un peu fou, mais j'ai eu exactement le même problème et il s'est avéré être le srlb dans mon code. Oui, le fait que j'ai formaté mon HTML par l'imbrication mon tds entraîné dans gmail ajout de nouveaux tds avec br balises à l'intérieur.
Il m'a fallu du temps pour réaliser que nous étions de conversion de l'e-mail d'en-tête et pied de page code de texte avant d'ajouter à nos e-mails.
Si vous êtes en utilisant une approche similaire, je voudrais suggérer "minifying" votre code HTML.
Au lieu de:
Essayer:
Aussi horrible que cela puisse paraître.
Bien, j'ai remarqué que la tête et le corps du contenu sont en fait des tableaux à l'intérieur d'une autre cellule. Pourquoi n'essayez-vous pas de séparer l'en-tête et le corps et de les déplacer sur leur séparés ligne?
Quelque chose comme ceci:
Aussi, juste un conseil, ne pas utiliser de
<center>
étiquette au centre des choses. Si vous êtes à l'intérieur d'une cellule de tableau, il suffit d'utiliseralign="center"
. Cela, aussi, s'applique à l'ensemble de la table, de sorte que pour un centre de table, il suffit de régler lealign
propriétécenter
.En plus de l'ajout
display:block
à votreimg
également ajoutercellpadding="0" cellspacing="0" border="0"
à votretable
(important: ne pas oublier de l'appliquer à votre emballagetable
)Acclamations
simplement ajouter
il permettra de résoudre votre problème