Newsletter images éparpillées
compo
-
compo -
compo -
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>
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>
A voir également:
- Newsletter images éparpillées
- Des images - Guide
- Extraire images pdf - Guide
- Recherche images - Guide
- Comment superposer deux images sur word ✓ - Forum Word
- Images enregistrées - Forum Blender
5 réponses
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.
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.
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....
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....
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.
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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...
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...
