Les e-Mails HTML - Tables Vides/TR/TD comme entretoises
Quelqu'un avait une expérience avec l'aide de tables vides, les lignes de la table ou de cellules d'un tableau comme la disposition des entretoises?
J'ai été tester mon e-mail en HTML dans divers clients de messagerie (Mail, Entourage, Gmail, etc.) et Gmail semble réagir à des cellules de tableau vides différemment (pas de comptabilité pour eux). J'ai foiré autour avec l'aide de "vide-cellules: spectacle" dans le tableau du CSS ainsi que les espaces insécables, mais toujours pas de chance. J'ai vraiment envie de rester à l'écart de l'utilisation des images comme entretoises si possible.
Ne pouvez-vous pas utiliser les CSS marges, le remplissage ou le positionnement relatif à la place?
OriginalL'auteur cqde | 2011-09-29
Vous devez vous connecter pour publier un commentaire.
Si vous souhaitez utiliser le vide TD-s au lieu de les entretoises vous devez fournir la largeur et la hauteur en tant que bien comme ceci:
Vous pouvez voir ici que j'ai utilisé la hauteur de la ligne pour le réglage de la table de la hauteur de la cellule et non height="21". Cela rendra propertly dans tous les principaux navigateurs et clients de messagerie, même les plus anciens, tels que lotus notes. Assurez-vous que la taille de police est toujours plus petite que la hauteur de la ligne.
De cette façon, vous n'aurez jamais à utiliser des entretoises plus.
Une chose de plus. En TR vous n'avez pas besoin de mettre n'importe quoi, sauf quand il y a des photos à l'intérieur de TD-s. Gmail ont quelques problèmes avec le rendu des photos donc j'ai résolu de cette façon:
Ne vous inquiétez pas. Je l'ai corrigé dans mon 3-de la cellule à l'échelle de table (vide, plein, vide) à l'aide de
dans chaque cellule vide et l'ajout d'une rangée sur le bas avec une colonne unique couvrant tous les 3 cellules à l'aide decolspan=3
.Personne ne sait si nous pouvons en tirer avec réglage de la largeur sur le vide de la td à 100% de largeur, de sorte que la table parent des attributs peuvent avoir un attribut width de contrôler comment les choses doivent être?
OriginalL'auteur Vampola
Certains clients de messagerie un effondrement de la une cellule vide, même s'il contient un espace ou même si ses dimensions sont affectés. Mais j'ai trouvé que si vous mettez une table vide dans un tableau vide et d'attribuer les dimensions de seulement les parents, tous les clients de respect que le parent de la table n'est pas vide car il contient une autre table, donc il fonctionne sur tous les clients et des périphériques.
Pour améliorer encore la compatibilité, il est préférable de définir les dimensions nécessaires, principalement à partir de cellpadding et le moins de hauteur sur la ligne mais plus de 3px. Le td doit être plus grand que 3px parce que quelque chose dans le 3px peut être ignoré. Mais devrait être aussi proche de 3 px parce que si vous prenez vos dimensions par le biais de la cellpadding, cellpadding est plus respectée que la hauteur de ligne sera.
Par exemple si je veux un espace qui est 18px haut je voudrais attribuer cellpadding 7 et td hauteur de 4 qui vient de sortir de (7 * 2) + 4 = 18.
OriginalL'auteur davidcondrey
Bien avec l'aide de au lieu d'une entretoise, vous êtes toujours pile de spécifier la hauteur de la ligne avec une étiquette de style, si vous n'avez pas la valeur par défaut sera 20px la hauteur de la ligne.
OriginalL'auteur Alex Gontcharov
Utilisation
pour "remplir" l'espace dans la cellule vide.OriginalL'auteur Krazer