5568 sujets

Sémantique web et HTML

Bonjour,

Je m'occupe de la réalisation d'une newsletter.
Jusque là, tout va bien Smiley smile

J'évite le CSS pour éviter les crash sur certains clients mail.
Jusque là, tout va bien aussi...

J'ai créé un design sur Illustrator, puis découpé en tranches. Puis ouvert sur dreamweaver, j'ai fait ma newsletter.

Celle ci apparait parfaitement bien sur Chrome ou sur Mozilla en mode http.
Une fois routé par mail, j'ai un gros problème avec GMail. Il refuse tout simplement d'afficher le tout correctement.
J'ai essayé de faire le tableau le plus simple possible pour voir si ça fonctionnait, mais non, toujours pas.
En gros, les colonnes et les lignes se séparent toujours un minimum.

Par exemple, regardez ce tableau :
<table cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3" valign="bottom"><img src="http://newsletter.la4d-clients.fr/1/images/test-manuel_01.png" width="651" height="113" alt=""></td>
  </tr>
  <tr>
    <td width="339" valign="top" ><img src="http://newsletter.la4d-clients.fr/1/images/test-manuel_02.png" width="339" height="156" alt=""></td>
    <td width="272" valign="top" background="http://newsletter.la4d-clients.fr/1/images/test-manuel_03.png">&nbsp;</td>
    <td width="40" valign="top"><img src="http://newsletter.la4d-clients.fr/1/images/test-manuel_04.png" width="40" height="156" alt=""></td>
  </tr>
</table>


Il est tout simple... Il s'affiche nickel partout, mais pas sur GMail... J'obtiens ce que je vous ai mis en pièce jointe.

Voilà, je m'arrache les cheveux, si quelqu'un a une idée... Merci d'avance !! upload/36890-alsahelp.png
On peut utiliser les css avec les newsletters mais inline (style=""), on peut réserver les tableaux pour le colonnage. Il faut bien faire attention d'utiliser l'attribut alt et les styles qui vont bien au cas où les images seraient désactivées. Smiley cligne
Merci pour ta réponse.
Je crois avoir trouvé un élément de solution, toujours sans utiliser de CSS (ou CSS inline) :

En ajoutant l'attribut
style="display:block;"
dans chaque code html <img>, GMail l'affiche correctement...

Je termine de tester mais je pense que c'est bon Smiley smile