Supprimer cellpadding ,cellspacing et de la frontière à partir de la table
J'ai essayé d'envoyer un simple bulletin d'information à l'aide de oscommerce plate-forme et le contenu est simple tableau avec quelques images. Avant d'envoyer l'aperçu regardez bien (pas de cellspacing
ou cellpadding
)
Aperçu:
Mais après la réception et de l'ouvrir à l'aide de gmail :
vous pouvez voir le tableau est différent; je veux dire la bordure blanche.
Voici le code pour générer la table et le contenu de la newsletter .
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>
</tr>
<tr>
<td><a href="http://www.sfbeautyskin.com/images//banners/Promotion_Dec_Xmas.jpg"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter2.jpg" style="width: 950px; height: 114px;" /></a></td>
</tr>
<tr>
<td><a href="http://www.sfbeautyskin.com/index.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter3.jpg" style="width: 950px; height: 158px;" /></a></td>
</tr>
<tr>
<td><a href="http://www.sfbeautyskin.com/contact_us.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter4.jpg" style="width: 950px; height: 440px;" /></a></td>
</tr>
</tbody>
</table>
La question est comment faire pour supprimer complètement la frontière de la propriété.
- Il existe de nombreux tutoriels qui suggère
display:block
si vous effectuez une recherche sur google comme mot-clé -- "gmail image problème d'espacement"
Vous devez vous connecter pour publier un commentaire.
J'ai eu un problème similaire avec des e-mails avant. Si je me souviens bien, je l'ai fixée par l'image (ou d'essayer 'd'un' tag) à l'intérieur de la td utilise
display: block
.Essayer quelque chose comme cela:
Sur chacun de vos
tr
,td
etimg
éléments, ajouterstyle="margin:0;padding:0;"
Ou de simplement supprimer votre table tous ensemble. Ils semblent servir à rien.
Ajouter
style="line-height:0"
pour chaque tdMaintenant Définir votre
img
tagvertical-align:top
Démo
--------
Vérifier le violon.
http://jsfiddle.net/tuD6L/12/