[RESOLU] image de fond dans une newsletter

le Lun Mai 26, 2008 9:09

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 ?

le Lun Mai 26, 2008 9:20

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

le Lun Mai 26, 2008 9:45

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.

le Lun Mai 26, 2008 13:01

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

le Lun Mai 26, 2008 15:10

passion a écrit:<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.

le Jeu Mai 29, 2008 9:18

denis.sva a écrit: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.

le Jeu Mai 29, 2008 9:52

teste ta newsletter sur un webmail directement, tu risques d'avoir des surprises

le Jeu Juil 03, 2008 12:05

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">
 </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:"Arial","sans-serif"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"> </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.

le Jeu Juil 03, 2008 12:17

Il faut proscrire tout utilisation de l'attribut html style si vous voulez que vos images s'affichent (et même avec cela, la plupart des clients de messageries, voire des webmails) sont aujourd'hui paramétrés pour bloquer les images.

Une petite aide ici : http://www.webrankinfo.com/forums/viewtopic_95680.htm

le Jeu Juil 03, 2008 12:54

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></style> </head> <body id="ridBody" background="http://saec.societeg.com/images_mail_nv/plage.jpg"><p> </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 ?

le Jeu Juil 03, 2008 13:03

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: Tout sélectionner: <style></style>

risque fort de sauter sur Gmail.

le Jeu Juil 03, 2008 13:14

Bon ben je vais leur dire que c'est le premier que j'ai fais ou rien alors ^^

le Jeu Juil 03, 2008 13:16

Calgan a écrit:Sauter dans quel sens ? L’image qui s’affiche plus ou carrément tout le message écrit ?

Gmail supprime les styles CSS situés entre <style></style>.

Jette un oeil à ce lien, qui était présent dans le topic dont je t'ai donné l"url plus haut : http://a-pellegrini.developpez.com/tutoriels/css/email/

le Jeu Juil 03, 2008 13:18

Oui, désolé, j'avais mal lu, j'ai voulu me rattraper mais vous répondez trop vite :p

[RESOLU] image de fond dans une newsletter

[RESOLU] image de fond dans une newsletter

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne