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

Résolu
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

3 réponses

bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Petit up... personne pour me répondre ?

Merci par avance
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
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
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
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
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Si ce n'est pas les marges, peut-être les bordures :
<style>
border-collapse: collapse;
border: none;
</style>
0
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   > Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention  
 
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
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
mais rien y fait *
0
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
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
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
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
oui ça me paraissait évident, je ne savais que tu n'avais pas creer l'email.

donc comme pour color ou text-align c'est une commande css
https://www.w3schools.com/tags/att_global_style.asp

http://www.dicodunet.com/definitions/normes/attribut.htm
il faut placer l'attribut dans la balise image (toute les images) et appliquer
display: block;
0
bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   > 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
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
ReDLoG Messages postés 243 Date d'inscription   Statut Membre Dernière intervention   57 > bmerle Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

A lire cet excellent article sur les CSS appliquées à une newsletter et notamment le paragraphe Les images dans une newsletter.
https://blog.atiweb.fr/developpement/mise-en-page-html-css-dans-une-newsletter.html
Bonne lecture...
Cdlt.
0