Tom's Guide > Forum > Programmation > E Mail HTML + CSS prob.
E Mail HTML + CSS prob. - Programmation
TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Répondre
Mot :    Pseudo :           
 
boulledogue   20-05-2007 à 00:18:02

Bonjour à tous,
J'ai une question,
J'essaye depuis plusieur temps d'envoyer un mail HTML à une liste de contats. J'utilise MaxBulk et j'en suis assez content. J'arrive à envoyer tout mais je dois dire que l'effet voulu n'est pas du tou bien recu. Pourtant l'aprecu avant l'envoi est parfait mais quand on le recoit (avec Hotmail, Skynet.be et Outlook en tout cas) le fond du mail est désespérément... Blanc on dirait un mail des plus normal.
Voici quelques infos:
les code:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4.   <head>
  6.         <title>Mail | Boulledogue Corp.</title>
  7.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  8. <title>Boulledogue Corp.</title>
  9. <META NAME="description" CONTENT="Site de télécharements, et de publicité de blogs, skyblogs, o site internet. Muni d\'un forum avec plein de lien de tééchargements.">
  10. <META NAME="keywords" CONTENT="Guillaume, Normand, guillaume, normand, boulledogue, Boulledogue, site, téléchargements, warez, Warez, forum, corp., corp, logiciels, musiques, musique, logiciel, jeux, jeu, film, films, forum, blabla, skyblog, blog, site internet, publicité,">
  11. <META NAME="subject" CONTENT="Informatique, général">
  12. <LINK REL="Generateur-meta" href="http://www.cclleemm.com/" />
  13. <META NAME="author" CONTENT="Guillaume Normand">
  14. <META NAME="copyright" CONTENT="©">
  15. <META NAME="revisit-after" CONTENT="1">
  16. <META NAME="identifier-url" CONTENT="http://www.guillaumenormand.fr.tc">
  17. <META NAME="reply-to" CONTENT="guillaume.normand@hotmail.com">
  18. <META NAME="date-creation-ddmmyyyy" CONTENT="20022007">
  19. <META NAME="Robots" CONTENT="all">
  20. <META NAME="Rating" CONTENT="general">
  21. <META NAME="organization" CONTENT="Boulledogue Corp.">
  22. <META http-equiv="Content-Language" CONTENT="Be">
  23. <META NAME="expires" CONTENT="never">
  24. <META NAME="Distribution" CONTENT="Global">
  25. <META NAME="Audience" CONTENT="general">
  26.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  27.         <meta http-equiv="Content-Language" content="fr" />
  28.           <meta http-equiv="Content-Script-Type" content="text/javascript"/>
  29.           <meta http-equiv="Content-Style-Type" content="text/css"/>
  30.         <meta name="DC.Language" scheme="RFC3066" content="fr"/>
  32.         <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />
  34.         <style type="text/css">
  35. html { height:100%; }
  37. body {
  38.     margin:0;padding:0;
  39.     background-color:#4B738D;
  40.     font-family:"Trebuchet MS", Verdana, Sans-Serif;
  41.     font-size:0.7em;
  42.     color:#454545;
  43.     height:100%;
  44. }
  46. a { color:#3A586C;text-decoration:underline; }
  48. a:hover { color:#7BB5DB;text-decoration:none; }
  50. #splash {
  51.     position:absolute;
  52.     left: 50%;
  53.     top: 50%;
  54.     width: 531px;
  55.     height: 234px;
  56.     margin-top: -117px;
  57.     margin-left: -265px;
  58.     border: 1px solid #000;
  59.     border:none;
  60. }
  62. #page {
  63.     margin:0 auto 0 auto;
  64.     background:url('images/interface/fond.png') repeat-y;
  65.     width:768px;
  66.     position: relative;
  67.     min-height: 100%
  68. }
  70. h1#logo {
  71.     text-indent:-9000px;
  72.     background:url('images/interface/logo.png') no-repeat;
  73.     width:239px;
  74.     height:79px;
  75.     margin:auto;
  76.     position:relative;
  77.     top:20px;
  78.     background-image: url(images/interface/logo.png);
  79. }
  81. #contenu {
  82.     background-color:#303030;
  83.     width:669px;
  84. }
  86. .bloc {
  87.     background:url('images/interface/haut_bloc.png') top no-repeat #FFF;
  88.     width:669px;
  89.     text-align:justify;
  90.     margin:40px 47px;
  91.     padding-top:10px;
  92. }
  94. #menu {
  96.     width:100%;
  97. }
  99. #menu ul {
  100.     padding:0;margin-left:4px;padding-bottom:15px;
  101.     list-style-type:none;
  102.     clear:both;
  103. }
  105. #menu li {
  106. /*    width:220px; */
  107.     height:24px;
  108.     display:inline;
  109.     text-align:center;
  110. }
  112. #menu a {
  113.     display:block;
  115.     float:left;
  116.     width:146px;
  117.     margin-right:1px;
  118.     height:24px;
  119.     background-color:#E8E8E8;
  120.     padding-top:6px;
  121.     color:#303030;
  122.     text-decoration:none;
  123.     font-size:110%;
  124.     text-align:center;
  125. }
  127. #menu a:hover {
  128.     display:block;
  129.     width:220px;
  130.     height:24px;
  131.     background-color:#4B738D;
  132.     color:#FFF;
  133.     text-decoration:underline;
  134. }
  136. .bloc p{
  137.     padding:0 5px 0 5px;
  138. }
  140. .bloc p:first-letter {
  141.     padding-left:15px;
  142.     font-weight:bold;
  143.     font-size:130%;
  144. }
  146. .bloc h2 {
  147.     background:url('images/interface/fond_titre.png') no-repeat;
  148.     width:153px;
  149.     height:36px;
  150.     font-size:110%;
  151.     color:#FFF;
  152.     text-align:center;
  153.     margin-left:10px;
  154.     font-weight:normal;
  155.     padding-top:10px;
  156.     clear:both;
  157. }
  159. .bas_bloc {
  160.     width:669px;
  161.     height:5px;
  162.     background:url('images/interface/bas_bloc.png') bottom no-repeat;
  163. }
  165. #copyright {
  166.     font-size:90%;
  167.     color:#FFF;
  168.     text-align:center;
  169.     width:100%;
  170.     position:absolute;
  171.     bottom:0;
  172. }
  173.         </style>
  174. </head>
  176. <body>
  177. <div id="page">
  179.     <h1 id="logo"></h1>
  181.     <div class="bloc">
  183.     <div id="menu"></div>
  185.     <center>
  186.       <h2>Mail</h2>
  187.     </center>
  188.         <div dir="ltr">
  189.           <p>Bonjour &agrave; toi,</p>
  190.           <p>JE vous envoie ce mail (jespere que vous l'avez recu correctement) pour vous pr&eacute;senter le design de mon site web.</p>
  191.           <p>Mon site offre toujours des t&eacute;l&eacute;chargements de films (Spiderman 3,                Le Transporteur 2, Taxi 4, ...) des jeux (GTA: S.A.) et de la musique et le tout GRATUITEMENT!</p>
  192.           <p>Voici le lien:</p>
  193.           <p><a href="http://www.guillaumenormand.fr.tc">http://www.guillaumenormand.fr.tc</a>  </p>
  194.           <p>et le forum (sur lequel se trouvent la plupart des t&eacute;l&eacute;chargements:</p>
  195.           <p><a href="http://www.guillaumenormand.keuf.net">http://www.guillaumenormand.keuf.net</a> </p>
  196.           <p>Un grand merci &agrave; toi d'avoir pr&ecirc;t&eacute; toute ton attention &agrave; mon message et je te souhaite une bonne visite de mon site internet.</p>
  197.           <p>Boulledogue (Webmaster, Admin, ExPeRt wArEz, ...) <br />
  198.           </p>
  199.         </div>
  200.         <div class="bas_bloc"></div>
  201.     </div>
  203.       <!--
  204.       <div class="bloc">  <div class="bas_bloc"></div></div>
  205.       !-->
  206.       <div><p>&nbsp;</p></div>
  207. <div id="copyright">
  208.         <p><a href="http://cclleemm.com/rss_manager/rss.php?xml=guillaumenormand.fr.tc-1"><img src="http://www.cclleemm.com/rss_manager/boutons/rss_logo%201.png" border="0" /></a> Design Web construit par <a href="mailto:contact@richie3366.com">Richie3366</a> merci à lui pour son aide précieuse  <script type="text/javascript" src="http://raussin.clement.free.fr/stats/php-stats.js.php?pseudo=ptitguilou"></script>
  209. <noscript><img src="http://raussin.clement.free.fr/stats/php-stats.php?pseudo=ptitguilou" border="0" alt=""></noscript></p>
  210.   </div>
  211. </div>
  212. </body>
  213. </html>



Effet voulu: http://www.guillaumenormand.fr.tc/mail.html ...
Si quelqu'un pouvait m'aider ca serait super sympa.
Merci!
@+
Boulledogue

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
boulledogue   20-05-2007 à 17:16:35
- 0 +

je me suis trompé de rubrique?
aidez moi je vous en prie
@+
Boulledogue

Répondre à boulledogue
cybertaf   20-05-2007 à 20:14:52
- 0 +

Essaye de linker ton style sur une feuille CSS externe située sur ton serveur...

Répondre à cybertaf
boulledogue   26-05-2007 à 09:14:17
- 0 +

ca na ps réussi snif mais merci quand même d'avoir répondu!
a+
Boulledogue

------------------------------ http://desopilo.fr.nf, un vrai site d'humour et de détente!
 Répondre à boulledogue
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > E Mail HTML + CSS prob.
Aller à :

Il y a 1132 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,293 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens