High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Mailing html sur fond noir

Dernière réponse le 2 jui 2008 à 10:33:44 joachim, le 17 jan 2008 à 16:13:59 
 Signaler ce message aux modérateurs

Bonjour,

J'envoie un mailing en html, avec une image, du texte en blanc, et un fond noir.
Le problème est que sur certains types de boîtes mails (notamment gmail et yahoo), l'image apparait correctement, mais le fond noir ne s'affiche pas. Ce qui empêche donc de lire le texte blanc (blanc sur blanc...)
Le test sur hotmail par contre est concluant : tout s'affiche correctement.

Auriez-vous la solution ?

Pour plus de précisions : le mail est envoyé à 20000 personnes depuis le plugin Mail It sur Filemaker pro 8.5 et voici le code html :

<!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>IS THERE STILL A SPACE FOR A GLOBAL CRITIQUE ?</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style></head>

<body>
<div>
<div align="right"><img src="cid:bk.gif@3C031C48.7833.1849.B811.E0A3A8E7CE79" width="34" height="20" /></div>
</div>
<div class="centrage">
<p align="center"><img src="cid:img.jpg@4D5BA9E8.BC42.9B44.B7AB.91637BFE5088" width="557" height="766" />"</p>

<p align="center"><span style="line-height:12 px; font-family:Arial, Helvetica, sans-serif; font-size:7pt; font-weight:normal; font-stretch:condensed; color:#FFFFFF">If you no longer wish to receive this kind of message, please return this message after writing “unsubscribe” in the subject field.</span></p>
</div>
</body>
</html>

merci !!

Configuration: Windows XP
Firefox 2.0.0.11

Meilleures réponses pour « mailing html sur fond noir » dans :
[Langages] Envoyer un mail avec pièce jointe VoirLes mails, tout comme les pages web, sont livrés avec des en-têtes (headers en anglais). Ces en-têtes servent à donner quelques détails nécessaires comme l'adresse du destinataire, celle de l'envoyeur, la date de l'envoi, le sujet du mail etc. Elles...
Garder une zone en couleur sur une photo noir et blanc VoirVous souhaitez avoir une photo en noir et blanc sauf une partie de la photo à conserver en couleur. Voici le principe de la manipulation : il faut isoler une partie de la photo (celle que l'on veut garder en couleur) en la sélectionnant. Ensuite...
Posez votre question Répondre

1

Dalida, le 17 jan 2008 à 16:23:05

Salut,

mets le style dans la balise. 

<body style="background-color:#000">


[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

   
Répondre à Dalida

2

Reivax962, le 17 jan 2008 à 16:29:44

Bonjour,

En regardant comment était traduit un mail HTML sur le webmail de gmail, j'ai cru comprendre que la balise <body> était simplement remplacée par une balise <div>.
Donc le style ne s'applique plus.
Par contre, si tu le places directement dans la balise : <body style='background-color:black'>, ça devrait marcher, non ?

Xavier

   
Répondre à Reivax962

3

joachim, le 17 jan 2008 à 16:32:46

Ok, j'essaierai bien, mais j'ai oublié de dire que je n'y connaissais rien.
Où je peux inclure ces lignes?

Merci en tous cas !!

   
Répondre à joachim

4

Dalida, le 17 jan 2008 à 16:55:42
  • +1

<!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>IS THERE STILL A SPACE FOR A GLOBAL CRITIQUE ?</title>
</head>
<body style="background-color:#000">
<div>
<div align="right"><img src="cid:bk.gif@3C031C48.7833.1849.B811.E0A3A8E7CE79" width="34" height="20" /></div>
</div>
<div class="centrage">
<p align="center"><img src="cid:img.jpg@4D5BA9E8.BC42.9B44.B7AB.91637BFE5088" width="557" height="766" />"</p>

<p align="center"><span style="line-height:12 px; font-family:Arial, Helvetica, sans-serif; font-size:7pt; font-weight:normal; font-stretch:condensed; color:#FFFFFF">If you no longer wish to receive this kind of message, please return this message after writing “unsubscribe” in the subject field.</span></p>
</div>
</body>
</html>

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

   
Répondre à Dalida

5

joachim, le 17 jan 2008 à 16:56:22

Mais d'intuition, j'ai corrigé le code comme suit, et ça ne marche pas sur gmail non plus :

<!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>IS THERE STILL A SPACE FOR A GLOBAL CRITIQUE ?</title>
<style type="text/css">
<body style='background-color:black'>
</style></head>

<body>
<div>
<div align="right"><img src="cid:bk.gif@3C031C48.7833.1849.B811.E0A3A8E7CE79" width="34" height="20" /></div>
</div>
<div class="centrage">
<p align="center"><img src="cid:img.jpg@4D5BA9E8.BC42.9B44.B7AB.91637BFE5088" width="557" height="766" />"</p>

<p align="center"><span style="line-height:12 px; font-family:Arial, Helvetica, sans-serif; font-size:7pt; font-weight:normal; font-stretch:condensed; color:#FFFFFF">If you no longer wish to receive this kind of message, please return this message after writing “unsubscribe” in the subject field.</span></p>
</div>
</body>
</html>

   
Répondre à joachim

6

Reivax962, le 17 jan 2008 à 16:58:17

Mauvaise intuition ;)

Fais plutôt comme Dalida te propose (oui, j'ai bien vu que vos messages se sont croisés)

   
Répondre à Reivax962

7

joachim, le 17 jan 2008 à 17:10:56

Ok, j'ai copier le code de Dalida, et la bonne nouvelle c'est que ça fonctionne nickel sur gmail.

Par contre, ça ne fonctionne plus sur yahoo, ni sur hotmail (les images s'affichent, mais pas le fond noir). Et sur free, on voit rien du tout.

   
Répondre à joachim

8

joachim, le 18 jan 2008 à 10:11:05

On m'a gentillement conseillé aussi ce code, qui ne marche toujours pas sur hotmail... Mais qui marche sur gmail et outlook !
(je parle du fond noir)

Que faire pour que ça marche chez tout le monde ?!!

<body style='background-color:black;color:white'>
<div style='width:100%; background-color:black;color:white'>
<div align="right"><img src="cid: bk.gif@3C031C48.7833.1849.B811.E0A3A8E7CE79" width="34" height="20" /></div>
</div>
<div class="centrage">
<p align="center"><img src="cid:img.jpg@4D5BA9E8.BC42.9B44.B7AB.91637BFE5088 " width="557" height="766" />"</p>

<p align="center"><span style="line-height:12 px; font-family:Arial, Helvetica, sans-serif; font-size:7pt; font-weight:normal; font-stretch:condensed; color:#FFFFFF">If you no longer wish to receive this kind of message, please return this message after writing "unsubscribe" in the subject field.</span></p>
</div>
</body>

   
Répondre à joachim

10

 Parasitor, le 2 jui 2008 à 10:33:44

Salut, j'ai viens d'avoir le même problème que vous.
Plutôt que de forcer le fond noir j'ai contourné le problème en créant une cellule sans bordure 100% x 100% de fond noir.
J'y insère le contenu original du mail html et le tour est joué :


$html_message .= "<table border=\"0\" width=\"100%\" height=\"100%\" bgcolor=\"black\"><tr><td width=\"951\" height=\"359\"><p>";

$html_message .= $TON_E_MAIL_ORIGINAL

$html_message .= "</p></td></tr></table></html>";

   
Répondre à Parasitor

9

Dalida, le 24 jan 2008 à 20:17:08

Salut,

je mettrais des guillemets (") au lieu des apostrophes (').

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

   
Répondre à Dalida
Posez votre question Répondre
Ils ont besoin de votre aide