Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1743 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1627756
sebs77
apprentis
Posté le 19-10-2007 à 22:10:59  profilanswer
 

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">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  4. <head>
  5. <title>Sebastien Reaze</title>
  6. <meta http-equiv="Content-Language" content="fr" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  8. <link type="text/css" rel="stylesheet" href="http://sebastien-reaze.com/img/style.css" />
  9. </head>
  10. <body>
  11. <img src="http://sebastien-reaze.com/img/header.jpg"><br>
  12. Newsletter #00 - www.sebastien-reaze.com
  13. <table>
  14. <td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
  15. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  16. <img src="http://sebastien-reaze.com/img/infos.jpg">
  17. </td>
  18. <td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
  19. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  20. Nous vous informons qu'étant dans la liste de contacts de Sébastien Reaze, nous vous
  21. pensons susceptible d'être intéréssé par son évolution en tant que DJ dans le monde de
  22. la nuit. Par conséquent nous avons pris la liberté de vous ajouter à la liste de diffusion
  23. de la newsletter du site de Sébastien Reaze <a href="http://www.sebastien-reaze.com"
  24. target=_blank>www.sebastien-reaze.com</a>.<br>
  25. <br>
  26. Cette newsletter vous tiendra régulièrement au courant des nouveaux mixs, remixs,
  27. productions, soirées, et toutes autres informations à propose de Sébastien Reaze.<br>
  28. <br>
  29. Si toute fois vous n'étiez pas intéréssé pour recevoir régulièrement cette newsletter, à
  30. tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
  31. suppression des données qui vous concernent (art 34 de la loi «Informatique et Libertés
  32. du 6 Janvier 1978»).
  33. </td>
  34. </table>
  35. <img src="http://sebastien-reaze.com/img/separ.jpg">
  36. <table>
  37. <td width="232" style="border-style: solid; border-width: 0px; padding-left: 0px;
  38. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  39. <img src="http://sebastien-reaze.com/img/contact.jpg">
  40. </td>
  41. <td width="568" style="border-style: solid; border-width: 0px; padding-left: 0px;
  42. padding-right: 0px; padding-top: 0px; padding-bottom: 0px" >
  43. Si vous êtes organisateurs de soirées en club, bar ou pub, gérant de ce type
  44. d'établissement, ou un particulier cherchant un DJ pour animer et mixer dans votre
  45. soirée, Sébastien Reaze est à votre disposition pour toutes propositions.<br>
  46. <br>
  47. <FONT color=#ff00cc>Contact</font><br>
  48. Cyril Blondel (agent de Sébastien Reaze) <a
  49. href="mailto:cyril@sebastien-reaze.com">cyril@sebastien-reaze.com</a><br>
  50. Sébastien Reaze <a href="mailto:contact@sebastien-reaze.com">contact@sebastien-reaze.com</a>
  51. </td>
  52. </table>
  53. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  54. <TABLE with=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="left">
  55. <tr><td>
  56. <a href="http://dansapile.fr" target=_blank><img
  57. src="http://sebastien-reaze.com/img/lien1.jpg" border=0></a></td>
  58. <td><img src="http://sebastien-reaze.com/img/entrelien1.jpg"></td>
  59. <td><a href="http://myspace.com/sreaze" target=_blank><img
  60. src="http://sebastien-reaze.com/img/lien2.jpg" border=0></a></td>
  61. <td><img src="http://sebastien-reaze.com/img/entrelien2.jpg"></td>
  62. <td><a href="http://myspace.com/cyril_and_cie" target=_blank><img
  63. src="http://sebastien-reaze.com/img/lien3.jpg" border=0></a><br></td></tr>
  64. </table>
  65. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  66. <a href="http://sebastien-reaze.com" target=_blank><img
  67. src="http://sebastien-reaze.com/img/lien4.jpg" border=0></a><br>
  68. </td>
  69. </table>
  70. <img src="http://sebastien-reaze.com/img/separ2.jpg"><br>
  71. <br>
  72. A tout moment, vous disposez d'un droit d'accès, de modification, de rectification et de
  73. suppression des données qui vous<br>
  74. concernent (art 34 de la loi «Informatique et Libertés du 6 Janvier 1978»)<br>
  75. Vous pouvez vous désinscrire de la newsletter en cliquant ici : désinscription
  76. </div>
  77. </body>
  78. </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.

mood
Publicité
Posté le 19-10-2007 à 22:10:59  profilanswer
 

n°1627825
phosphorel​oaded
Posté le 20-10-2007 à 01:57:25  profilanswer
 

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

n°1627838
FlorentG
Unité de Masse
Posté le 20-10-2007 à 08:08:05  profilanswer
 

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

n°1627886
sebs77
apprentis
Posté le 20-10-2007 à 11:28:36  profilanswer
 

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

n°1629023
gatsu35
Blablaté par Harko
Posté le 23-10-2007 à 06:31:52  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
clic unique sur bouton dans page htmlprogrammer robot realisant des actions sur une page html
Comment générer HTML avec XSL et XMLHtml Images
Envoi de Newsletter chez Amenequivalent html des balises [quote] et [list] de bbcode
[Résolu]Probleme d'enregistrement - envoi de formulaire[Résolu] Probleme d'enregistrement lors d'un envoi de formulaire
[RESOLU] Enlever retour à la ligne entre balises HTML 
Plus de sujets relatifs à : [html / css] css qui n'est pas lu dans l'envoi une newsletter html


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR