[html / css] css qui n'est pas lu dans l'envoi une newsletter html

css qui n'est pas lu dans l'envoi une newsletter html [html / css] - HTML/CSS - Programmation

Marsh Posté le 19-10-2007 à 22:10:59    

Bonjour,
je viens de mettre en place un system de newsletter pour mon site dj www.sebastien-reaze.com
je compte fair des newletter en format hml
j'ai donc fait ma page html (fond noir / texte blanc (entre autre), les images et le .css est sur mon serveur et est appelé dans le code de la page html de la newsletter, quand s'insert le code de la page dans l'admin de mon system de newsletter et que je fais une prévisualisation tout s'affiche normalement.
Sauf que quand la newsletter est envoyé (seulement à moi pour tester) le css n'est pas lu, c'est a dire que j'ai un fond blanc, des textes noirs et des liens bleu.
 
voilà le code de ma page :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  5. <head>
  6. <title>Sebastien Reaze</title>
  7. <meta http-equiv="Content-Language" content="fr" />
  8. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  9. <link type="text/css" rel="stylesheet" href="http://sebastien-reaze.com/img/style.css" />
  10. </head>
  12. <body>
  16. <img src="http://sebastien-reaze.com/img/header.jpg"><br>
  19. Newsletter #00 - www.sebastien-reaze.com
  21. <table>
  25. <td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
  27. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  29. <img src="http://sebastien-reaze.com/img/infos.jpg">
  32. </td>
  34. <td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
  36. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  38. Nous vous informons qu'étant dans la liste de contacts de Sébastien Reaze, nous vous
  39. pensons susceptible d'être intéréssé par son évolution en tant que DJ dans le monde de
  40. la nuit. Par conséquent nous avons pris la liberté de vous ajouter à la liste de diffusion
  41. de la newsletter du site de Sébastien Reaze <a href="http://www.sebastien-reaze.com"
  43. target=_blank>www.sebastien-reaze.com</a>.<br>
  44. <br>
  45. Cette newsletter vous tiendra régulièrement au courant des nouveaux mixs, remixs,
  46. productions, soirées, et toutes autres informations à propose de Sébastien Reaze.<br>
  47. <br>
  48. Si toute fois vous n'étiez pas intéréssé pour recevoir régulièrement cette newsletter, à
  49. tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
  50. suppression des données qui vous concernent (art 34 de la loi «Informatique et Libertés
  51. du 6 Janvier 1978»).
  54. </td>
  56. </table>
  58. <img src="http://sebastien-reaze.com/img/separ.jpg">
  60. <table>
  62. <td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
  64. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  66. <img src="http://sebastien-reaze.com/img/contact.jpg">
  69. </td>
  71. <td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
  73. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  75. Si vous êtes organisateurs de soirées en club, bar ou pub, gérant de ce type
  76. d'établissement, ou un particulier cherchant un DJ pour animer et mixer dans votre
  77. soirée, Sébastien Reaze est à votre disposition pour toutes propositions.<br>
  78. <br>
  79. <FONT color=#ff00cc>Contact</font><br>
  80. Cyril Blondel (agent de Sébastien Reaze) <a
  82. href="mailto:cyril@sebastien-reaze.com">cyril@sebastien-reaze.com</a><br>
  83. Sébastien Reaze <a href="mailto:contact@sebastien-reaze.com">contact@sebastien-reaze.com</a>
  86. </td>
  88. </table>
  91. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  92. <TABLE with=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="left">
  93. <tr><td>
  94. <a href="http://dansapile.fr" target=_blank><img
  96. src="http://sebastien-reaze.com/img/lien1.jpg" border=0></a></td>
  97. <td><img src="http://sebastien-reaze.com/img/entrelien1.jpg"></td>
  98. <td><a href="http://myspace.com/sreaze" target=_blank><img
  100. src="http://sebastien-reaze.com/img/lien2.jpg" border=0></a></td>
  101. <td><img src="http://sebastien-reaze.com/img/entrelien2.jpg"></td>
  102. <td><a href="http://myspace.com/cyril_and_cie" target=_blank><img
  104. src="http://sebastien-reaze.com/img/lien3.jpg" border=0></a><br></td></tr>
  105. </table>
  106. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  108. <a href="http://sebastien-reaze.com" target=_blank><img
  110. src="http://sebastien-reaze.com/img/lien4.jpg" border=0></a><br>
  111. </td>
  112. </table>
  114. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  115. <br>
  117. A tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
  119. suppression des données qui vous<br>
  120. concernent (art 34 de la loi «Informatique et Libertés du 6 Janvier 1978»)<br>
  121. Vous pouvez vous désinscrire de la newsletter en cliquant ici : désinscription
  126. </div>
  127. </body>
  129. </html>


 
j'espère que quelqu'un saura m'expliquer quoi faire pour résoudre ce problème très embétant.
 
D'avance merci à tous de votre aide.

Reply

Marsh Posté le 19-10-2007 à 22:10:59   

Reply

Marsh Posté le 20-10-2007 à 01:57:25    

Bonjour,
 
- valide ta page un minimum (le plus simple est de changer de Doctype --> HTML 4.01 Transitional parce que là les <br> devraient être des <br />, pas de texte sans être dans un <p> ou autre, etc). C'est toujours une bonne habitude à prendre même si c'est pas vraiment le problème ici :)
 
- tu peux insérer le contenu de ta feuille de style entre des balises <style> ... </style> dans le <head> de ton mail

Code :
  1. <style type="text/css">
  2. ta feuille de style
  3. </style>


ou pas :o (ça dépend de l'outil utilisé pour lire le mail)
et devoir recourir au bon vieux moche inline CSS (style="", ce que tu as déjà partiellement) mais qui est une plaie nécessaire pour les mails.
 
in english
 
 
PS: les images vont être bloquées chez bon nombre de contacts, pense à regarder ce que donne ton mail sans les images ;)

Reply

Marsh Posté le 20-10-2007 à 08:08:05    

Ouais, laisse tomber les CSS comme ça pour les emails HTML. Utilise des attributs style partout. C'est super la zone, les emails HTML :(

Reply

Marsh Posté le 20-10-2007 à 11:28:36    

ben j'ai éssayé avec le css dans un .css à part et dans le code html entre les balises <style> et ça n'a rien changé à mon problème.
 
Ensuite "phosphoreloadeD" pour les problèmes de synthaxe dont tu m'as parler peux tu me dire tous les points que je doit remplacer et comment car je n'y connais pas grand chose dans ces règles et la je suis un peu perdu à vrai dire.
 
D'avance merci à vous tous

Reply

Marsh Posté le 23-10-2007 à 06:31:52    

on ne met jamais de styles dans une newsletter, les newsletters doivent être faites en vieuw HTML, des background="", bgcolor="", tableaux de l'an deux, des balises <font size="" face="" color=""></font>
 
Ya que ça de vrai, ensuite il suffit d'utiliser de bons principes et rulez, un emailing passe partout

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed