Problème d'images non collées dans un tableau pour un emailing

Résolu
bmerle Messages postés 14 Statut Membre -  
bmerle Messages postés 14 Statut Membre -
Bonjour tout le monde,

J'ai fait un mailing avec une image découpée dans un tableau.

Le visuel lorsqu'on le regarde sur internet est nickel.

J'utilise Windows Live Mail, je m'envoie le fichier HTML que je reçois parfaitement bien.

Je me le suis aussi envoyé sur Outlook (anciennement hotmail) et Gmail.

Mais lors de l'affichage du mailing dans ces deux webmail, mes images sont séparées sur les lignes horizontales de découpe.

En gros, on voit 4 traits horizontaux sur mon image, qui s'apparentent à un espacement entre les cellules.

Pourtant je pense que ma balise <table> est bonne avec les attributs cellspacing et cellpadding à "0".

Que se passe-t-il ? Pour info je ne fait pas de CSS, j'ai uniquement fait une formation sur du HTML.

Je vous remercie vraiment par avance pour vos réponses.

Bernard

3 réponses

  1.
    bmerle Messages postés 14 Statut Membre
     
    Petit up... personne pour me répondre ?

    Merci par avance
    0
  2. Pitet Messages postés 2845 Statut Membre 530
     
    Salut,

    Il s'agit surement de règles css appliquées par défaut par le client de messagerie.
    Peut-être une marge sur les cellules du tableau ?
    Essaye d'ajouter ceci au dessus de ta balise table : 
    <style>
td { margin: 0; padding: 0; }
</style>


    Bonne journée
    0
    1. bmerle Messages postés 14 Statut Membre
       
      Bonjour et merci pour ta réponse.

      J'ai essayé mais cela ne fonctionne pas. J'ai toujours mon espacement blanc sur les lignes de mon tableau.

      Pour info c'est un tableau imbriqué dans un autre.

      Cela m'agace car les premiers emailing, j'envoyais juste l'image brut avec un lien et évidement cela fonctionnait bien puisque qu'il n'y avait pas de fractionnement de mon image.

      Est ce que tu veux le code source ? Parce que j'ai beau le regarder des millions de fois.... aaaarghhhhhhh

      Merci par avance, si d'autres ont des idées... ^^

      Bonne journée.
      0
    2. Pitet Messages postés 2845 Statut Membre 530
       
      Si ce n'est pas les marges, peut-être les bordures : 
      <style>
border-collapse: collapse;
border: none;
</style>
      0
      1. bmerle Messages postés 14 Statut Membre > Pitet Messages postés 2845 Statut Membre
         
        Je viens d'essayer de mettre la balise que tu m'a donné amis rien y fait...

        Je l'ai bien mise devant ma balise "table"
        0
    3. bmerle Messages postés 14 Statut Membre
       
      mais rien y fait *
      0
  3. codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
     
    bizarre comme solution mais toutes les images doivent être en display: block;
    0
    1. bmerle Messages postés 14 Statut Membre
       
      Je suis désolé mais je ne comprends pas...

      C'est un code à insérer ? Dans mes balises d'images ? Tel quel ?

      Merci pour tes précisions.
      0
    3. bmerle Messages postés 14 Statut Membre > codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention  
       
      Donc en gros mon code devrait plutôt ressembler à :
      <td><a href="[URL supprimée Modération CCM/viewform?usp=send_form]"><img display: block; src="images/enquete_qualite2015_H_r1_c1.jpg" border="0"></a></td>
      <td>

      Mais je n'ai rien à mettre au tout début ?
      0
    4. codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
       
      non un display: block; s'utilise dans un style, je tes mis des liens plus haut qui l'utilise.
      0

Discussions similaires

garder constant des calculs
jack2125 -
PHILOU10120 -

4 réponses
CALCULS
smart19 -
Dracknard -

4 réponses