[RESOLU] image de fond dans une newsletter

WRInaute passionné
Bonjour tout le monde,

Je bloque sur l'intégration d'une image de fond dans une newsletter.
J'ai essayé par css ou directement en <body background="-http://.......jpg"> mais pas d'affichage dans le logiciel de messagerie.

Une idée pour afficher un background ?
 
WRInaute accro
<hors-sujet>
Quel est l'intérêt de chiader ses newsletters quand on sait que 80% d'entres elles sont filtrées par les boites de messageries? (désactive les img)
</hors-sujet>
 
WRInaute passionné
1) c'est une demande client !

2) problème résolu > intégration de l'image dans les propriété du <body> via html et pas css, puis téléchargement des images par le destinataire, ou ajout de l'expéditeur comme éditeur de confiance.
 
Nouveau WRInaute
J'ai le même soucis avec mes emailing >> background-image:url();

Par contre là ou ça se complique c'est que ça passe très bien sous mon outlook 2003, alors que sous outlook 2007 niet ! pour les autres messagerie mystère !

Idem pour <div style="display:block; width:200px;.....

bref en effet mieux vaut rester basique dans son codage

bien à vous
 
WRInaute passionné
passion a dit:
<hors-sujet>
Quel est l'intérêt de chiader ses newsletters quand on sait que 80% d'entres elles sont filtrées par les boites de messageries? (désactive les img)
</hors-sujet>

J'ajoute qu'il s'agit d'une NL pour un club, par conséquent, seuls les membres du club la reçoivent et ont juste à valider une fois pour toute l'adresse email pour recevoir ensuite la NL complète et non tronquée des images.
 
Nouveau WRInaute
denis.sva a dit:
J'ai le même soucis avec mes emailing >> background-image:url();

Par contre là ou ça se complique c'est que ça passe très bien sous mon outlook 2003, alors que sous outlook 2007 niet ! pour les autres messagerie mystère !

Idem pour <div style="display:block; width:200px;.....

bref en effet mieux vaut rester basique dans son codage

bien à vous

Bonjour,

Outlook 2007 utilise Word comme moteur de rendu pour les e-mails, donc imaginez la catastrophe au niveau de la gestion des CSS...

Il faut effectivement rester basique en matière de création HTML (tableaux par exemple), pour assurer une compatibilité maximale avec les différents logiciels de messagerie.
 
Nouveau WRInaute
Je vois que vous connaissez l’ami Outlook 2007 et son comportement avec le html.

Alors j’ai moi aussi à faire un décore html pour une newspeper.

J’ai fais un série de tableaux invisibles pour fixer mes divers images.
Cependant quand j’insère avec front page une image de fond, elle est parfaitement affichée sur internet explorer. Mais lorsque je la met sous outlook, tout est parfait sauf cette image qui vient pas :/ comment faire ?

Voici le code qui pose problème :


</style>
</head>

<body>

<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width: 100.0%; border-collapse: collapse" bgcolor="#000000" bordercolor="#111111" height="829">
<tr>
<td style="padding: 0cm; background: black" height="617">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="850" style="width: 637.5pt">
<tr>
<td style="padding: 0cm">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="background-position: 0% 0%; width: 1015; border-collapse: collapse; background-color:#000000; background-repeat:repeat; background-attachment:scroll" bordercolor="#111111" height="347">
<tr style="height: 221.25pt">
<td valign="top" style="width: 842; height: 609; padding: 0cm" bordercolor="#FFFFFF" align="left" background="http://saec.societeg.com/images_mail_nv/plage.jpg">
<p class="MsoNormal">
&nbsp;</tr>
<tr style="height: 18.75pt">
<td style="height: 65; padding: 0cm" width="908" bgcolor="#FFFFFF" valign="bottom">
<div align="center">
<table class="MsoTableGrid" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: medium none" width="1013">
<tr>
<td rowspan="4" style="width: 250; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0cm; padding-bottom: 0cm" align="left">
<p class="MsoNormal" align="center" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center;line-height:normal">
<img border="0" src="http://saec.societeg.com/images_mail_nv/nv_logodim.jpg" align="left" width="186" height="53"></td>
<td style="width: 482; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0cm; padding-bottom: 0cm" align="center">
<p class="MsoNormal" align="center" style="margin-bottom:0cm;margin-bottom:.0001pt; text-align:center;line-height:normal"><b>
<span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;color:navy">Nice-Voyages</span></b></td>
<td rowspan="4" style="width: 239; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0cm; padding-bottom: 0cm" align="center">
<p class="MsoNormal" align="center" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center;line-height:normal">&nbsp;</td>
</tr>
<tr>

http://saec.societeg.com/images_mail_nv/plage.jpg ne s'affiche pas car en arrière plan.
http://saec.societeg.com/images_mail_nv/nv_logodim.jpg s'affiche parfaitement puisque c'est une simple image posée.
 
Nouveau WRInaute
Oui ça j’ai vu qu’il bloque mes images. Mais ça reste encore la meilleur méthode, je pense, si on veut pas attendre 3h pour envoyer un mail et devoir stocker les images sur le PC expéditeur. De plus appuyer sur le bouton « afficher les images » est devenu une habitude pour la plus part des utilisateurs.

Vous dites qu’il faut remplacer le fond par une couleur, ce qui est bien embêtant puisqu’on m’a bien précisé qu’ils voulaient une image :/

En copiant le code des modèles Outlook j’ai réussi à trouver ce code html qui semble être accepté
<html><head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<title id="ridTitle">Plage</title> <style><!-- body { font-family: Arial, Helvetica; font-size: 10pt; color: #006666; margin-top: 20px; margin-left: 50px; } --></style> </head> <body id="ridBody" background="http://saec.societeg.com/images_mail_nv/plage.jpg"><p>&nbsp;</p> </body> </html>

Malheureusement elle est multiplié à l’infini, y a-t-il un moyen de la centré et de l’empêcher de se multiplier ?
Puisque si je vous ai bien compris, des images de fond dans un tableau, je dois y renoncer pour Outlook 2007.

Avec Outlook expresse, les fonds dans des cellules sont ils acceptés ?
 
WRInaute accro
Pour les vieux express oui, pour le dernier je ne sais pas.

Concernant l'image non, en travaillant avec les attributs html il n'y a pas a ma connaissance de moyen d'empêcher la répétition, ni de positionner le fond.

Et pour info ton :

Code:
<style><!-- body { font-family: Arial, Helvetica; font-size: 10pt; color: #006666; margin-top: 20px; margin-left: 50px; } --></style>

risque fort de sauter sur Gmail.
 
Discussions similaires
Haut