Solution au problème des newsletter dans Hotmail avec Firefox

Bonjour à tous,

je suis nouveau ici et, pour dire vrai, je me suis inscris notamment pour laisser une trace écrite d'une solution à un problème qui me tracassait depuis un bout de temps (je n'ai pas trouvé la soluce même avec mon ami google).
En espérant que ça évite à d'autres de perdre du temps et de se ronger les moignons

En effet, je suis amené dans mon travail à designer, monter et envoyer des newsletters.
Pour cela j'ai effectué de nombreux tests sur différents logiciels et webmails, en essayant diverses combinaisons browser/webmail.

J'avais réussi à trouver une solution à plusieurs problèmes que je pouvais rencontrer sauf un (jusqu'à aujourd'hui).
Sous firefox, hotmail déboite complètement les newsletters en tableau. Il ajoute un espace blanc sous et à droite des images (voir image jointe). J'ai essayé tout un tas de trucs avant de trouver une solution qui fonctionne.

Il faut rajouter

style="display:block"

dans la balise <img>

Et voilà !

PS: si jamais ça intéresse du monde, je pourrais éventuellement écrire un petit tuto pour l'optimisation des newsletters et les différentes méthodes pour normaliser le rendu dans les différents logiciels et webmails.
Modifié par Vladnice (26 May 2009 - 12:58)

Salut,

Ou alors un simple vertical-align:bottom sur l'image fonctionne aussi.

Agylus a écrit :
Salut,

Ou alors un simple vertical-align:bottom sur l'image fonctionne aussi.

Salut Agylus.
Merci pour ta réponse mais ta solution ne règle pas la totalité du problème.

Ça rectifie effectivement l'espace horizontal entre 2 images, comme sur mon exemple ci-dessus. Par contre, l'espace blanc créé par hotmail à droite de l'image reste. Et dans le cas de tableaux complexes et/ou imbriqués, tu auras toujours ces espaces disgracieux.

Pour cela, je n'ai trouvé que la solution du display:block

Il suffit dans ce cas de modifier un poil le code HTML. Vu que c'est lorsque tu as en général une seule image dans une cellule, au lieu de faire :

<td>
   <img />
</td>

Tu peux faire :

<td><img /></td>

Ce qui règle le deuxième problème.

Au passage, ta solution empêcherait d'avoir deux images dans une cellule côte à côté sans rajouter un float:left sur ces images, ce qui semble assez complexe pour pas grand chose, alors que le vertical-align:bottom ne modifie pas le contexte de formatage et donc les images resteront l'une à côté de l'autre.

Je n'ai pas de saut de ligne dans mon document. Je teste mais cette solution ne semble pas résoudre le 2e problème.
Modifié par Vladnice (26 May 2009 - 14:31)

t aurai pas une solution pour faire afficher les image de newsletter sans que l utilisateur ait appuye sur le bouton afficher les images?

Salut, si ce post est toujours lu, la seule solution que j'ai trouvée est d'encapsuler les images dans le message, par contre cela alourdi le poid du message.
Donc si vous avez d'autre idée, je suis preneur.