A voir également:
- Comment envoyer un fichier html par mail
- Fichier rar - Guide
- Comment réduire la taille d'un fichier - Guide
- Comment ouvrir un fichier epub ? - Guide
- Fichier host - Guide
- Fichier iso - Guide
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 :
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 :
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
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
28 sept. 2008 à 22:23
Papi2007 << Nouveau membre>>
23 févr. 2011 à 14:38
l'utilisation du css dans un email est proscrit. Il faut utiliser du HTML 4.0.