Se connecter avec
S'enregistrer | Connectez-vous

Problème couleur de fond newsletter

Dernière réponse : dans Programmation

Bonjour,
j'ai un petit problème que je n'arrive pas à résoudre.
Lorsque j'envoie ma newsletter, mes abonnés ne reçoivent pas forcément la couleur de fond que j'ai choisi..
Je l'envoi avec emailing pro, j'ai même fait l'essai avec outlook express et Poplist
Moi je l'a reçois correctement.
Voilà mon script :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML lang=fr xml:lang="fr" xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"><HEAD>
  3. <META content="text/html; charset=iso-8859-1" http-equiv=content-type>
  4. <META name=GENERATOR content="MSHTML 8.00.6001.18876">
  5. <STYLE></STYLE>
  6. </HEAD>
  7. <BODY bgColor=black>
  8. <DIV><FONT size=2 face=Arial></FONT> </DIV>
  9. <DIV align=center><A href="<a href="http://www.casimages.com" target="_blank">http://www.casimages.com</a>"><IMG border=0
  10. alt="Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit"
  11. src="<a href="http://nsa14.casimages.com/img/2010/03/11/100311090910960136.jpg" target="_blank">http://nsa14.casimages.com/img/2010/03/11/1003110909109...</a>"></DIV><FONT
  12. color=#c0c0c0 size=6 face=Arial>
  13. <DIV align=center><FONT size=2 face=Arial><FONT face="Arial Black"><FONT
  14. color=#808080><FONT size=2><FONT size=1
  15. face="Arial Rounded MT Bold"><STRONG>Emilie LLAMAS : </STRONG><EM>Chant,
  16. Piano, Flûte , Mélodica.</EM></FONT></FONT><FONT size=1
  17. face="Arial Rounded MT Bold"><STRONG> Nicolas MURTIN : </STRONG><EM>Contrebasse;
  18. Piano.</EM></FONT></FONT></FONT></FONT></DIV>
  19. <DIV align=center><FONT size=2 face=Arial><FONT size=2 face="Arial Black"><FONT
  20. face="Arabic Transparent"><FONT color=#808080><FONT size=1
  21. face="Arial Rounded MT Bold"><STRONG>Frédéric SONNERY : </STRONG><EM>Accordéon,
  22. Guitare. </EM><STRONG>Félix MORONNOZ : </STRONG></FONT><FONT size=1
  23. face="Arial Rounded MT Bold"><EM>Percussions.</EM></FONT></FONT></FONT></FONT></FONT></DIV>
  24. <DIV align=center><FONT size=2 face=Arial><FONT size=1
  25. face="Arial Rounded MT Bold"><FONT color=#808080><STRONG>Nicolas GOYON :
  26. </STRONG><EM>Technique.</EM><STRONG> Nicolas PALLOT : </STRONG><EM>Mise en
  27. scène.</EM></FONT></FONT></FONT></DIV>
  28. <DIV align=center><FONT size=2 face=Arial><FONT color=#808080 size=2
  29. face=Arial><U>Extraits sur ;</U>  </FONT></FONT><FONT size=2
  30. face=Arial><FONT face=Arial><A
  31. href="<a href="http://www.myspace.com/emilieetcompagnie" target="_blank">http://www.myspace.com/emilieetcompagnie</a>"><a href="http://www.myspace.com/emilieetcompagnie&lt" target="_blank">http://www.myspace.com/emilieetcompagnie&lt</a>;/A></FONT></FONT></DIV></FONT>
  32. <P align=center><FONT color=#808080 size=6 face=Arial>en concert le samedi 13
  33. Mars à 20h30 </FONT>
  34. <P align=center><FONT color=#808080><FONT size=6 face=Arial>à l'auditorium de
  35. Péronnas (01)</FONT> </FONT>
  36. <P align=center><FONT face=Arial><FONT size=4><FONT
  37. color=#808080><EM><U>Réservations:</U></EM> 04 74 21 08 44</FONT></FONT></FONT>
  38. <BLOCKQUOTE
  39. style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px"
  40. dir=ltr>
  41. <BLOCKQUOTE
  42. style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px"
  43. dir=ltr>
  44. <BLOCKQUOTE
  45. style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
  46. <BLOCKQUOTE
  47. style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px"
  48. dir=ltr>
  49. <DIV align=center><EM><FONT color=#808080 size=2
  50. face=Arial><U><STRONG>Infos groupe, etc.. :</STRONG></U> <A
  51. href="mailto:*******@laposte.net">****@laposte.net</A></FONT></EM></DIV>
  52. <DIV align=left><EM><FONT color=#808080 size=2
  53. face=Arial></FONT></EM> </DIV></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>


J'ai remplacé black par#00000, idem.

Pouvez vous m'aider?
Merci d'avance,
Nico
Lassé par la pub ? Créez un compte
Expert Programmation

C'est le soucis des différents providers, ils n'acceptent pas forcément tous les styles CSS, c'est un vrai bordel à gérer tout ça...

Essaie de mettre:
  1. <body>
  2. <style type="text/css">
  3. body { background-color: black; }
  4. </style>


Mais je suis même pas sûr que ça marche.
Expert Programmation

si, c'est tout à fait possible vu que ça sera une image de fond, ça fera le même effet qu'un background noir.
Le soucis c'est que tu fais ça par mail, et beaucoup de mails risquent de bloquer les images par défaut et donc pas afficher le background non plus

J'ai épuré mon script au max et j'essaye de n'envoyer que le fond noir, le voilà :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18876">
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#000000>
<DIV><FONT size=2 face=Arial></FONT> </DIV></BODY></HTML>

j'ai changé #000000 par black ,etc..... rien n'y fait.
Je viens d'utiliser une image noire comme fond et bien je suis dég, ça ne marche pas non plus. Faut il que j'héberge l'image sur un serveur??
Expert Programmation

ben ouvrir photoshop, paint.net, ou tout autre logiciel de graphisme.

- faire une image de taille 1px/1px.
- l'enregistrer en gif.
- l'uploader sur l'hébergement.

modifier la référence de l'image dans le style appliqué.

et le tour est joué.
Expert Programmation

bonjour

Juste pour info, code généré thunderbird :
texte blanc sur fond noir + liens

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  5. </head>
  6. <body bgcolor="#000000" text="#ffffff" vlink="#551a8b" alink="#ee0000">
  7. test
  8. </body>
  9. </html>

Lassé par la pub ? Créez un compte
Tom's guide dans le monde