envoi mail type HTML via Outlook

envoi mail type HTML via Outlook - HTML/CSS - Programmation

Marsh Posté le 30-08-2006 à 13:40:55    

j'ai créé une page en HTML/CSS
et je voudrais utiliser cette page comme modele pour que le service
marketing de ma société envoie des mails aux couleurs de la société, et donc en HTML
 
or soit Outlook refuse la selection de page HTML en tant que papier a lettres
soit j'arrve a copier/coller le code source et la c nickel
mais quand je recoi le mail HTML, c pourri, il manque plein d'images.
 
voici le code :  

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <META content="MSHTML 6.00.2900.2963" name=GENERATOR>
  6. <link href="http://www.iocean.fr/modele_mail/styles.css" rel="stylesheet" type="text/css" />
  7. </head>
  9. <body>
  10. <table id="tab_global" >
  11.  
  12.   <tr>
  13.  <td height="90" colspan="3"  id="bandeau_entete">&nbsp;</td>
  14.  <td colspan="2" class="ecart_titre">&nbsp;</td>
  15.  <td width="73%"  class="titre" >Le titre  </td>
  17.   </tr>
  18.   <tr>
  19.     <td class="lisere"><img src="http://www.iocean.fr/modele_mail/lisere_orange.jpg"  alt=""  /></td>
  20.     <td colspan="2" class="bloc_infos_annexes">
  21.   <table id="entete_bloc_infos_annexes" >
  22.  <tr>
  23.   <td >Informations</td>
  24.  </tr>
  25.       </table>  </td>
  27.     <td colspan="2" class="ecart_contenu">&nbsp;</td>
  28.     <td  class="contenu" >Le contenu </td>
  29.   </tr>
  30. <tr >
  31.     <td colspan="6" id="ecart_piedpage"></td>
  32.   </tr>
  33. <tr >
  34.   <td colspan="6" id="bloc_pied_page" >
  36.   <table width="100%" id="tab_elements_piedpage">
  37.   <tr id="piedpage">
  38.  <td colspan="3" id="img_filigranne"><img src="http://www.iocean.fr/modele_mail/filigranne.jpg" alt="" /></td>
  39.  <td id="url_site"><a href="http://www.iocean.fr">www.iocean.fr</a></td>
  40.  <td id="mail_contact"><a href="mailto:contact@iocean.fr">contact@iocean.fr</a></td>
  41.  <td id="siret">Siret : 4388 43872000214 </td>
  42.      </tr>
  44.   </table>   </td>
  45.   </tr>
  46. </table>
  47. </body>
  48. </html>


Reply

Marsh Posté le 30-08-2006 à 13:40:55   

Reply

Marsh Posté le 30-08-2006 à 20:53:24    

il faut faire le lien des images vers un site web :/
et sache que les CSS ne sont pas forcément prises en compte dans les autres Web Mails. Donc tu as une chance sur 3 que ta page soit potable.

Reply

Marsh Posté le 31-08-2006 à 09:16:01    

ben toutes les images, comme tu peux le voir sont en chemin absolu :
http://www.iocean.fr/modele_mail/<nom de l'image>
 
quant aux styles CSS, il faudrait donc :
- soit les mettre dans la page (donc plus de feuilles externe)
- soit mettre des attributs "style=" dans les balises
- soit mettre aucun element CSS, et mettre que des atributs HTML

Reply

Marsh Posté le 31-08-2006 à 09:17:35    

voila

Reply

Marsh Posté le 31-08-2006 à 09:27:14    

quel choix parmi ces 3 pense tu qui soit le mieux géré par la plupart (sinon tous) les clients mails et webmails ?


Message édité par jokaritaff le 31-08-2006 à 09:27:53
Reply

Marsh Posté le 31-08-2006 à 09:44:29    

faire un truc à coup de tableau, là au moins tu seras sur que ca passe.
 
mais à la rigueur faire ça à coup de style="" dans les balises

Reply

Marsh Posté le 31-08-2006 à 09:59:22    

c deja un tableai, car pour l'edition dans une fenetre de creation de mail, c plus pratique
Je vais essayer avec les "style="
Je te dis si ca marche

Reply

Sujets relatifs:

Leave a Replay

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