Creer un email avec une image en HTML

Creer un email avec une image en HTML - HTML/CSS - Programmation

Marsh Posté le 07-04-2008 à 10:56:45    

Salut,  
 
Pour mon association, j'ai une newsletter à créer afin d'envoyer à tout les membres. Je voudrais qu'il apparaisse directement une image au lieu d'un texte.  
 
Je fonctionne avec outlook.  
 
J'écris donc un mail en html et voila ce que ca donne :  
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML><HEAD>  
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">  
<META content="MSHTML 6.00.2900.3268" name=GENERATOR>  
<STYLE></STYLE>  
</HEAD>  
<BODY bgColor=#ffffff>  
<DIV> </DIV></BODY></HTML>  
<img src="http://www.MonImage.htm" width="100" height="100" border="0">  
 
Le probleme est que lorsque je fais aperçu il n'affiche pas l'image mais un cadre blan avec une petite croix rouge.  
J'ai donc fais un essai croyant qu'en l'envoyant le mail allait chercher l'image... héhéhé je suis naïf des fois!!! et puis nan!!! il a pas été la chercher...  
 
Donc j'en suis la je suis bloqué. Quelqu'un pourrait-il m'éclairer??  
 
Merci.

Reply

Marsh Posté le 07-04-2008 à 10:56:45   

Reply

Marsh Posté le 07-04-2008 à 12:58:37    

Heu, déjà je mettrais l'image dans le html et pas en dehors.
En outre, c'est un lien vers une page html et non une image que tu fais.
Et enfin, pourquoi ces div qui ne servent à rien ?

Reply

Marsh Posté le 07-04-2008 à 13:20:41    

Merci de ta reponse..
 
Ok donc j'ai compris mon erreur du lien vers une page html et non une image. Apres avoir rectifié le lien, les images apparaissent maintenant.
Concernant ce code html je utilisé le code que me proposait outlook, donc je n'ai pas vraiment de réponse concernant les "div"...
 
Par contre j'aurais une autre question, j'ai 2 images, comment faire pour qu'elles apparaissent l'une en dessous de l'autre et non l'une a coté de l'autre?
 
Merci.

Reply

Marsh Posté le 07-04-2008 à 13:26:32    

en utilisant des div  :D

Spoiler :


<body>
 <div><img1></div>
 <div><img2></div>
</body>

 

Edit : Comme le dit David Boring deux posts plus bas, ce code est assez "dégeulasse". Il est préférable d'utilisé le css pour s'en sortir...


Message édité par babasss le 07-04-2008 à 13:47:22

---------------
Feedback : http://forum.hardware.fr/hfr/Achat [...] 2666_1.htm
Reply

Marsh Posté le 07-04-2008 à 13:35:25    

Parfait!!!!!  Merci pour votre aide!!

Reply

Marsh Posté le 07-04-2008 à 13:38:34    

Mais non, c'est quoi cette manie de mettre des div pour rien.
En mettant dans tes images style="display:block"

Reply

Marsh Posté le 07-04-2008 à 15:04:18    

Ok donc comme je ne connais pas trop la différence entre DIV et display block voici ce que j'ai créé :
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.3268" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><A href="http://www.MONSITE.fr"><IMG height=809  
src="http://www.MONIMAGE.gif" width=600  
border=0></A></DIV></A>
<DIV><A href="mailto:INFO@MONSITE.fr?subject=REPONSE NEWSLETTER"><IMG  
height=42 src="http://www.MONIMAGE2.gif"  
width=600 border=0></DIV></A></BODY></HTML>
 
Quel serait le code idéal???
 
Merci.

Reply

Marsh Posté le 07-04-2008 à 15:36:00    

Qqch comme ca :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4.  <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  5.  <META content="MSHTML 6.00.2900.3268" name=GENERATOR>
  6. </HEAD>
  7. <BODY bgColor=#ffffff>
  8.  <A href="http://www.MONSITE.fr">
  9.   <IMG style="display:block" height=809 src="http://www.MONIMAGE.gif" width=600 border=0 /></A>
  10.  <A href="mailto:INFO@MONSITE.fr?subject=REPONSE NEWSLETTER">
  11.   <IMG style="display:block" height=42 src="http://www.MONIMAGE2.gif" width=600 border=0 /></A>
  12. </BODY>
  13. </HTML>


---------------
Feedback : http://forum.hardware.fr/hfr/Achat [...] 2666_1.htm
Reply

Marsh Posté le 07-04-2008 à 20:39:13    

ok c'est ce que j'ai fait merci pour l'info. J'envoi donc le mail a une boite test afin d'etre sur.  
 
J'aurais une derniere question. Pourquoi les images sont quand meme en piece jointe??? alors que lorsque je recois des mails html aucunes images n'apparait en piece jointe?
 
Merci.

Reply

Sujets relatifs:

Leave a Replay

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