Rechercher : dans
Par :

Newsletter images éparpillées

Dernière réponse le 26 avr 2009 à 19:47:51 compo, le 24 avr 2009 à 23:31:34 
 Signaler ce message aux modérateurs

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>

Configuration: Windows Vista
Firefox 3.0.9

Meilleures réponses pour « newsletter images éparpillées » dans :
Faire une newsletter VoirFaire une newsletter Une newsletter est une lettre d'information envoyée périodiquement par mail à des abonnés. Composée de texte, illustrations, liens renvoyant vers votre site, son contenu peut être par exemple une sélection de produits, un...
Création d'image Système (Ghost) VoirCréer une image (ghost) de partition 1 - Intérêt 2 - Pré-requis 2.1 - Explication 2.2 - Opportunités des partitions 2.3 - Mise à jour des images 2.3.1 - Image incrémentale : intéressant mais dangereux ! 2.3.2 - Image incrémentale et...
Rechercher des images de Noël : père Noël, traîneaux, sapin... VoirRechercher des images de Noël sur Internet Effectuer une recherche rapide d’images de Noël Effectuer une recherche avancée d’images de Noël Rechercher des images de Noël sur une banque d’images en ligne Rappel Rechercher des images de...
Télécharger Image Resizer VoirPetit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de l'envoyer par e-mail ou de la partager sur Internet (blog, site, album...). Pour plus d'informations: image resizer reduire la...
Télécharger Free Word/Doc Txt to Image Jpg/Jpeg Bmp Tiff Png VoirD'habitude, ce sont les images que l'on insère dans les documents Word, Excel ou PowerPoint. Cette fois ci, c'est un peu l'inverse, parce qu'on va convertir ces documents au format image. All to Image Jpg/Jpeg Bmp Tiff Png Converter est un outil...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Fichier ISO (Image ISO) VoirFormat ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...

1

doctormad, le 25 avr 2009 à 10:37:55

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.

Répondre à doctormad

2

compo, le 25 avr 2009 à 18:11:37

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....

Répondre à compo

3

compo, le 25 avr 2009 à 18:21:20

Petite précision : sur Gmail elle est coupée en deux, mais sur sur hotmail ça marche très bien...

Répondre à compo

4

doctormad, le 25 avr 2009 à 19:31:01

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.

Répondre à doctormad

5

compo, le 25 avr 2009 à 20:34:03

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

Répondre à compo

6

doctormad, le 26 avr 2009 à 11:21:56

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...

Répondre à doctormad

7

 compo, le 26 avr 2009 à 19:47:51

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 ;)

Répondre à compo