• Tags
  • Politique de confidentialité
Menu
Communauté en ligne pour les développeurs

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

htmlhtml-emailhtml-table
  1. 10

    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:

    <td width="111" style="font-size:1px;line-height:21px;">&nbsp;</td>

    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:

    <tr style="font-size:0px; line-height: 0px;">
    <td width="135" valign="top" align="left" height="120" >
    <img width="135" height="120" border="0" alt="" src="image source here">
    </td>
    </tr>
    Je suis désolé de dire que cela ne semble pas fonctionner avec Apple, l'application de Courrier électronique (Version 6.3 (1503)). Toutes les suggestions sur la façon de résoudre ce là?
    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 &nbsp; 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 de colspan=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

  2. 2

    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.

    <table border="0" cellpadding="7" cellspacing="0" width="100%">
        <tr>
            <td height="4">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    OriginalL'auteur davidcondrey

  3. 1

    Bien avec l'aide de &nbsp; 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 &nbsp; la valeur par défaut sera 20px la hauteur de la ligne.

    OriginalL'auteur Alex Gontcharov

  4. 0

    Utilisation &nbsp; pour "remplir" l'espace dans la cellule vide.

    OriginalL'auteur Krazer

Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

    4 réponses
    Intéressant
    Les derniers dossiers
    • Lignes alternées couleur d'arrière-plan dans un groupe
    • L'exécution de la ligne de Commande .exe avec les paramètres en C#
    • Google Maps V3 fitBounds sur des marqueurs visibles
    • Comment faire pour résoudre “Impossible de créer le pilote JDBC de la classe de com.mysql.jdbc.Un pilote pour connecter URL”
    • Ajouter une Photo de Profil en forme en HTML et CSS
    • Angulaire du matériel avec angularJS application