Sujet Précédent Sujet Suivant

Newsletter images éparpillées

Fermé
compo - 24 avril 2009 à 23:31
 compo - 26 avril 2009 à 19:47
Bonjour,
Je viens vers vous car j'ai un gros soucis que je ne parviens pas à résoudre...
Ma newsletter apparaît très bien quand je l'héberge sur mon site Internet, mais quand je me l'envoie par mail, les images sont toutes éparpillées (j'utilise pourtant des tableaux).

Je vous joint mon code, peut-être qu'une erreur grossière vous sautera aux yeux :

Merci de votre aide.

<html>
<head>
<title>newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newsletter.psd) -->
<table width="600" border="0">
<tr>
<td><table id="Tableau_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7"><a href="http://www.monsite.com"><img src="www.monsite.com/lettre/images/newsletter_01.jpg" width="600" height="174" alt="" border="0"></a></td>
</tr>
<tr>
<td colspan="5"><a href="http://www.monsite.com"><img src="www.monsite.com/lettre/images/newsletter_02.jpg" width="360" height="36" alt="" border="0"></a></td>
<td colspan="2" rowspan="10"><img src="www.monsite.com/lettre/images/newsletter_03.jpg" width="240" height="527" alt=""></td>
</tr>
<tr>
<td colspan="5"><img src="www.monsite.com/lettre/images/newsletter_04.jpg" width="360" height="111" alt=""></td>
</tr>
<tr>
<td rowspan="10"><img src="www.monsite.com/lettre/images/newsletter_05.jpg" width="230" height="479" alt=""></td>
<td colspan="2"><a href="http://www.monsite.com/uploadsnaps.php?type=profilepics"><img src="www.monsite.com/lettre/images/newsletter_06.jpg" width="94" height="26" alt="" border="0"></a></td>
<td colspan="2" rowspan="6"><img src="www.monsite.com/lettre/images/newsletter_07.jpg" width="36" height="273" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="www.monsite.com/lettre/images/newsletter_08.jpg" width="94" height="66" alt=""></td>
</tr>
<tr>
<td rowspan="8"><img src="www.monsite.com/lettre/images/newsletter_09.jpg" width="2" height="387" alt=""></td>
<td><a href="http://www.monsite.com/uploadsnaps.php?type=gallery"><img src="www.monsite.com/lettre/images/newsletter_10.jpg" width="92" height="25" alt="" border="0"></a></td>
</tr>
<tr>
<td><img src="www.monsite.com/lettre/images/newsletter_11.jpg" width="92" height="66" alt=""></td>
</tr>
<tr>
<td><a href="http://www.monsite.com/edituser.php"><img src="www.monsite.com/lettre/images/newsletter_12.jpg" width="92" height="24" alt="" border="0"></a></td>
</tr>
<tr>
<td><img src="www.monsite.com/lettre/images/newsletter_13.jpg" width="92" height="66" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.monsite.com/payment.php"><img src="www.monsite.com/lettre/images/newsletter_14.jpg" width="93" height="20" alt="" border="0"></a></td>
<td rowspan="2"><img src="www.monsite.com/lettre/images/newsletter_15.jpg" width="35" height="107" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="www.monsite.com/lettre/images/newsletter_16.jpg" width="93" height="87" alt=""></td>
</tr>
<tr>
<td colspan="4"><a href="http://www.monsite.com/tellafriend.php"><img src="www.monsite.com/lettre/images/newsletter_17.jpg" width="198" height="29" alt="" border="0"></a></td>
<td rowspan="2"><img src="www.monsite.com/lettre/images/newsletter_18.jpg" width="170" height="99" alt=""></td>
</tr>
<tr>
<td colspan="4"><img src="www.monsite.com/lettre/images/newsletter_19.jpg" width="198" height="70" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="230" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="92" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="70" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="170" height="1" alt=""></td>
</tr>
</table></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

5 réponses

Réponse 1 / 5
doctormad Messages postés 430 Date d'inscription mercredi 28 novembre 2007 Statut Membre Dernière intervention 2 avril 2015 99
25 avril 2009 à 10:37
Salut,

Tu n'a pas de DOCTYPE ça pourrait venir de là.

Un fois le DOCTYPE défini je te conseille de passer ta news au validateur w3C aussi.
0
Réponse 2 / 5
compo
25 avril 2009 à 18:11
Salut,
J'ai à présent créé mon DOCTYPE :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Newsletter</title>
</head>
<body bgcolor="#FFFFFF">

Et ai corrigé les erreurs de mon code sur la base du vérificateur W3C.

J'ai même changé de logiciel pour envoyer ma newsletter : je suis maintenant sur le logiciel de Raynette.

Les images sont moins éparpillée qu'avec l'ancien logiciel mais le problème persiste...

Je ne sais plus quoi faire....
0
Réponse 3 / 5
compo
25 avril 2009 à 18:21
Petite précision : sur Gmail elle est coupée en deux, mais sur sur hotmail ça marche très bien...
0
Réponse 4 / 5
doctormad Messages postés 430 Date d'inscription mercredi 28 novembre 2007 Statut Membre Dernière intervention 2 avril 2015 99
25 avril 2009 à 19:31
Après chaque logiciel de messagerie à sa propre interprétation du code html, un peu comme les navigateurs c'est pas évident de faire un truc compatible partout. La solution ultime reste de créer une seule image globale et d'envoyer celle-ci par mail.
0
compo
25 avril 2009 à 20:34
Après plusieurs essais je me suis rendu compte que le problème ne vient pas de Gmail, mais de Firefox car sur IE ça marche très bien.
L'inconvénient de l'image unique c'est que je ne pourrais plus faire de liens... et pour cette newsletter j'ai absolument besoin d'en faire plusieurs...
J'ai entendu parlé des block mais je ne sais pas comment les intégrer dans mon code... Je ne suis pas assez calé...
Compo
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
doctormad Messages postés 430 Date d'inscription mercredi 28 novembre 2007 Statut Membre Dernière intervention 2 avril 2015 99
26 avril 2009 à 11:21
Pour faire plusieurs liens sur une même image tu peux utiliser les maps html, mais j'avoues c'est pas super pratique.

Sinon pour les blocs je suppose que tu parles d'utiliser des div au lieu des tables, mais dans ce cas il faudrait réécrire toute ta page en div.

Ca marche peut-être mais il n'y a pas de raison que les tables ne marchent pas car elles sont valides w3c.

Peut-être faut t-il s'inspirer du code de newsletter éprouvées comme celles des fai ou autre...
0
compo
26 avril 2009 à 19:47
Salut,
En fait je parlais du dispaly:block ou quelque chose comme ça... Mais ce n'est pas du tout sur que ça marche...
En tout cas merci pour ton aide ;)
0

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses
récupérer des images et vidéos enregistrées sur facebook
karamel24 -
karamel24 -

3 réponses