Envoyer une page html par mail

Fermé
Lou - 11 août 2004 à 23:00
 Albedo0 - 27 févr. 2012 à 21:48
Bonjour,
je cherche donc à envoyer une page html avec 4 photos par mail.
j'ai créé cette page spécialement. elle n'est pas intégrée à un site.
J'ai fait des essais les images ne s'affichent pas...
J'ai pourtant téléchargé les images...
Cela me dépasse!
Pouvez vous m'aider?
Merci
A voir également:

14 réponses

Bonjour,

Je relance le topic car j'ai le même problème...

Je souhaiterais envoyer un mail en html pour envoyer des demandes de stage. Etend donné que c'est pour faire du graphisme, la possibilité de faire un mail type original est intéressante.

J'utilise windows mail de vista (d'après ce que j'ai compris, c'est mort pour outlook...). J'ai créé ma page html via dreamweaver et je copie le code suivant dans la partie source du message dans windows mail :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
	background-image: url(http://www.30mph.biz/lettres/fd%20lettre.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
.stage {
	letter-spacing: normal;
	word-spacing: normal;
}
#Layer1 {
	position:absolute;
	width:569px;
	height:440px;
	z-index:1;
	left: 201px;
	top: 292px;
}
.Style1 {
	font-family: Tahoma;
	font-size: 14px;
	color: #54c3ec;
}
.Style3 {font-family: Tahoma; font-size: 14px; color: #54c3ec; font-weight: bold; }
#Layer2 {
	position:absolute;
	width:247px;
	height:193px;
	z-index:2;
	left: 199px;
	top: 976px;
}
.Style4 {
	font-family: Tahoma;
	font-size: 14px;
}
.Style6 {font-size: 24px}
.Style8 {color: #54c3ec}
.Style9 {color: #0382a3}
-->
</style>
</head>

<body>
<div id="Layer2">
  <p class="Style4"><span class="Style6">Jean-Baptiste Godard</span><br />
    <span class="Style8">17 Ter Avenue du Forchat<br />
    74200 Thonon-les-Bains<br />
  FRANCE</span></p>
  <p class="Style4"><span class="Style9">Phone :</span><span class="Style8"> (0033) 674 154 001</span><br />
    <span class="Style9">jeanbaptiste-godard@orange.fr<br />
  http://www.30mph.biz/</span></p>
</div>
<div id="Layer1">
  <p align="justify" class="Style3">Dear Ms. Arangina, </p>
  <p align="justify" class="Style1"> </p>
  <p align="justify" class="Style1">Currently, I am a French student in third year the University specialised in Information and 
    Communication Hypermedia. I am looking for an Internship abroad to <span class="Style9">three months, between April and June 2008.</span><br />
  </p>
  <p align="justify" class="Style1">A former student of my promotion who has worked with you, <span class="Style9">Alexandra Glauser</span>, informed <span class="Style8">me 
    of your needier for trainee. I’m very interested because this work placement matches my 
    objectives. Indeed, my career goal is to work in film mediation. I have already carried art work 
    placements, at the 60th Cannes Festival and the International Animated Film Festival in Annecy. Also, I can help you in graphic design, with my skills in different computers programs and other 
    experience in communication agencies. Moreover, I have experience in working in a team and 
    under pressure to organise a big International Festival.</span><br />
  </p>
  <p align="justify" class="Style1">I’m very motivated to discover another organisation system in a different country, help you in 
    your enterprise. If you need more information, you can find my <span class="Style9">resume</span> in attachment and you 
    can contact me by mail or phone, but I would appreciate an answer<span class="Style9"> before February </span>to validate 
  my internship. </p>
  <p align="justify" class="Style1">Thank you for your consideration.</p>
  <p align="justify" class="Style1"> </p>
  <p align="justify" class="Style1">Sincerely,  </p>
</div>
</body>
</html>



Mon problème est dans l'image que j'ai mise en arrière plan qui s'affiche bien dans la page web et aussi dans le message avant de l'envoyer, cependant des que celui ci est partie, il y a rien à faire l'image disparait...

D'après ce que j'ai entendu, il faut mettre le lien absolu de l'image hebergé. C'est bien ce que j'ai fait :

background-image: url(http://www.30mph.biz/lettres/fd%20lettre.jpg);
background-color: #FFFFFF;
background-repeat: no-repeat
;

L'image est bien hebergée et la page aussi mais rien à faire...

Donc quelqu'un aurait il la solution ? Peut etre que ça vient de windows mail mais je ne vois pas pourquoi...

Merci
3
si tu n'as pas encore ta reponse je te sugère de regarder le nom de ton fichier il doit y avoir un espace enlève le et essaye à nouveau.

Papi2007 << Nouveau membre>>
0
Bonjour,

l'utilisation du css dans un email est proscrit. Il faut utiliser du HTML 4.0.
0