5568 sujets

Sémantique web et HTML

Problème couleur de fond newsletter

Pages :
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 : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><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=black>
<DIV><FONT size=2 face=Arial></FONT>&nbsp;</DIV>
<DIV align=center><A href="http://www.casimages.com"><IMG border=0 
alt="Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit" 
src="http://nsa14.casimages.com/img/2010/03/11/100311090910960136.jpg"></DIV><FONT 
color=#c0c0c0 size=6 face=Arial>
<DIV align=center><FONT size=2 face=Arial><FONT face="Arial Black"><FONT 
color=#808080><FONT size=2><FONT size=1 
face="Arial Rounded MT Bold"><STRONG>Emilie LLAMAS : </STRONG><EM>Chant, 
Piano,&nbsp;Flûte , Mélodica.</EM></FONT></FONT><FONT size=1 
face="Arial Rounded MT Bold"><STRONG> Nicolas MURTIN : </STRONG><EM>Contrebasse; 
Piano.</EM></FONT></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT size=2 face="Arial Black"><FONT 
face="Arabic Transparent"><FONT color=#808080><FONT size=1 
face="Arial Rounded MT Bold"><STRONG>Frédéric SONNERY : </STRONG><EM>Accordéon, 
Guitare. </EM><STRONG>Félix MORONNOZ : </STRONG></FONT><FONT size=1 
face="Arial Rounded MT Bold"><EM>Percussions.</EM></FONT></FONT></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT size=1 
face="Arial Rounded MT Bold"><FONT color=#808080><STRONG>Nicolas GOYON : 
</STRONG><EM>Technique.</EM><STRONG> Nicolas PALLOT : </STRONG><EM>Mise en 
scène.</EM></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT color=#808080 size=2 
face=Arial><U>Extraits sur ;</U>&nbsp; </FONT></FONT><FONT size=2 
face=Arial><FONT face=Arial><A 
href="http://www.myspace.com/emilieetcompagnie">http://www.myspace.com/emilieetcompagnie</A></FONT></FONT></DIV></FONT>
<P align=center><FONT color=#808080 size=6 face=Arial>en concert le samedi 13 
Mars à 20h30 </FONT>
<P align=center><FONT color=#808080><FONT size=6 face=Arial>à l'auditorium de 
Péronnas (01)</FONT> </FONT>
<P align=center><FONT face=Arial><FONT size=4><FONT 
color=#808080><EM><U>Réservations:</U></EM> 04 74 21 08 44</FONT></FONT></FONT> 
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
dir=ltr>
  <BLOCKQUOTE 
  style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
  dir=ltr>
    <BLOCKQUOTE 
    style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
      <BLOCKQUOTE 
      style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
      dir=ltr>
        <DIV align=center><EM><FONT color=#808080 size=2 
        face=Arial><U><STRONG>Infos groupe, etc.. :</STRONG></U>&nbsp;<A 
        href="mailto:emilieetcompagnie@laposte.net">emilieetcompagnie@laposte.net</A></FONT></EM></DIV>
        <DIV align=left><EM><FONT color=#808080 size=2 
        face=Arial></FONT></EM>&nbsp;</DIV></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>

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

Pouvez vous m'aider?
Merci d'avance,
Nico
Modifié par Laurie-Anne (12 Mar 2010 - 11:12)
Voilà ton code pour le background:
<BODY bgColor=black>


À prime abord, c'est une propriété html et pas du CSS, alors, si tu essais la deuxième solution:

Avec un élément style et la valeur CSS correspondante?
Modifié par Vaxilart (11 Mar 2010 - 17:04)
Hello nicoco39 et bienvenue sur le forum Smiley smile ,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Vraiment désolé.
Je vais tenter au maximum de respecter toute les règles de ce forum.
Donc voilà mon code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><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=black>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV align=center><A href="http://www.casimages.com"><IMG border=0 
alt="Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit" 
src="http://nsa14.casimages.com/img/2010/03/11/100311090910960136.jpg"></DIV><FONT 
color=#c0c0c0 size=6 face=Arial>
<DIV align=center><FONT size=2 face=Arial><FONT face="Arial Black"><FONT 
color=#808080><FONT size=2><FONT size=1 
face="Arial Rounded MT Bold"><STRONG>Emilie LLAMAS : </STRONG><EM>Chant, 
Piano, Flûte , Mélodica.</EM></FONT></FONT><FONT size=1 
face="Arial Rounded MT Bold"><STRONG> Nicolas MURTIN : </STRONG><EM>Contrebasse; 
Piano.</EM></FONT></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT size=2 face="Arial Black"><FONT 
face="Arabic Transparent"><FONT color=#808080><FONT size=1 
face="Arial Rounded MT Bold"><STRONG>Frédéric SONNERY : </STRONG><EM>Accordéon, 
Guitare. </EM><STRONG>Félix MORONNOZ : </STRONG></FONT><FONT size=1 
face="Arial Rounded MT Bold"><EM>Percussions.</EM></FONT></FONT></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT size=1 
face="Arial Rounded MT Bold"><FONT color=#808080><STRONG>Nicolas GOYON : 
</STRONG><EM>Technique.</EM><STRONG> Nicolas PALLOT : </STRONG><EM>Mise en 
scène.</EM></FONT></FONT></FONT></DIV>
<DIV align=center><FONT size=2 face=Arial><FONT color=#808080 size=2 
face=Arial><U>Extraits sur ;</U>  </FONT></FONT><FONT size=2 
face=Arial><FONT face=Arial><A 
href="http://www.myspace.com/emilieetcompagnie">http://www.myspace.com/emilieetcompagnie</A></FONT></FONT></DIV></FONT>
<P align=center><FONT color=#808080 size=6 face=Arial>en concert le samedi 13 
Mars à 20h30 </FONT>
<P align=center><FONT color=#808080><FONT size=6 face=Arial>à l'auditorium de 
Péronnas (01)</FONT> </FONT>
<P align=center><FONT face=Arial><FONT size=4><FONT 
color=#808080><EM><U>Réservations:</U></EM> 04 74 21 08 44</FONT></FONT></FONT> 
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
dir=ltr>
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
dir=ltr>
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
dir=ltr>
<DIV align=center><EM><FONT color=#808080 size=2 
face=Arial><U><STRONG>Infos groupe, etc.. :</STRONG></U> <A 
href="mailto:emilieetcompagnie@laposte.net">emilieetcompagnie@laposte.net</A></FONT></EM></DIV>
<DIV align=left><EM><FONT color=#808080 size=2 
face=Arial></FONT></EM> </DIV></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>


Les destinataires reçoivent systématiquement un fond blanc.
Je ne maitrise pas du tout le HTML, je crée mon message texte via outlook par exemple et je récupère le script html afin de l'utiliser pour mon envoi avec emailing pro ou Poplist
Modifié par Heyoan (11 Mar 2010 - 18:42)
nicoco39 a écrit :
Vraiment désolé.
Je vais tenter au maximum de respecter toute les règles de ce forum.
Euh... et tu as l'impression que ton code est mis en forme là ?

Il y a quelque chose qui n'est pas clair dans mon précédent message ? Smiley rolleyes


Edit: bon ben je m'en suis occupé. Smiley sweatdrop
Modifié par Heyoan (11 Mar 2010 - 18:44)
Merci à vous tous.
Désolé mais rien de tout ça ne fonctionne.
Si je m'envoie la newsletter (avec emailing pro, poplist ou même outlook) et que je l'ouvre sur mon ordi avec outlook j'ai la bonne couleur.
Par contre si j'ouvre le mail direct sur orange ou sur un autre ordi : fond blanc. Smiley eek
j'essaye d'envoyer uniquement :
<!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>

c'est toujours pareil.
J'ai même essayé une image noir en background :idem. Smiley biggol
Bonjour,

Et en essayant d'avoir un code un minimum valide (parce que c'est de la bouillie là quand même) : 
<body bgcolor="#000000">
Laurie-Anne a écrit :
(parce que c'est de la bouillie là quand même)


Dans le genre code des années 90 Smiley sweatdrop
Bonjour,
certain client mail (comme gmail ou Lotus Notes) ne permettent pas d'afficher de background (je te conseil de voir le niveau actuel des implémentations des principaux client mail sur le site du web standard project).
Il me semble que certains clients mail suppriment l'élément body.
Créer une div conteur et déclarer ceci (utiliser les style en-ligne et non les attribut CSS de
présentation qui sont pour la grande majorité déconseillé et invalides).
<div style="background:#000;">

Pour ton info et la compatibilité ascendante, HTML5 ne retient aucun des attributs de présentations HTML, même les attributs encore valide en HTML4.
Modifié par Hermann (12 Mar 2010 - 13:15)
Bah... un code bien formé à plus de chance de ne pas créer de problème qu'un code en mode bouillie.

Même si l'exercice de la newsletter est plutôt difficile et demande de faire quelques petits arrangements, cela n'empèche pas d'essayer de rester le plus propre possible.

Ce que je voulais mettre en avant dans ma réponse c'est que les valeurs des attributs doivent être encadrés de quote : "
Merci à vous pour toute ces infos, mais je vous avoue que cela me dépasse un peu.
En fait il me faudrait un moyen simple sans grande connaissance en html, etc... pour écrire ma newsletter.
J'ai bien compris que c'est un vrai métier et qui entre autre n'est pas le mien!!

Mais je voulais juste faire une p'tite newsletter très simple sans trop me compliquer les choses, d'ailleurs tout foncionne bien : police, texte , image ,liens, etc....... sauf le background.

Merci.
Nicoco
Herman a donné la solution. Tu ne veux vraiment pas apprendre un peu le html et css pour avoir un code plus propre?
Modifié par Patidou (12 Mar 2010 - 14:05)
Ben oui il faudrait que je m'y mette sérieusement.
Je suis musicien professionnel et j'ai voulu tenter de mettre en place cette newsletter pour l'un des groupes avec qui je travaille, mais voilà..... chacun son domaine..!!!

Si je copie :
<div style="background:#000;">
j'ai juste une bande noire pas le fond complet...???
Par contre je peux vous chanter une chanson si vous voulez?!!
Nicoco
Pages :
Sujet clos
Aller à