Envoyer une page html par mail

Fermé
-
 Albedo0 -
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

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
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>>
Bonjour,

l'utilisation du css dans un email est proscrit. Il faut utiliser du HTML 4.0.
moi je fait simplement cette tache en ouvrant le fichier sur pc ou page web avec mon navigateur "internet exploreur"
puis je fais alt F sur internet explorer envoyer > page par courrier électronique. et hop c fini

acondition d'utiliser outlook
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">&nbsp;</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&rsquo;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&rsquo;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">&nbsp;</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
Messages postés
176
Date d'inscription
vendredi 23 avril 2004
Statut
Membre
Dernière intervention
15 avril 2010
25
slt,
d'abord, faire des liens ou des adressages relatifs & pas absolu ===>>> c'est à dire ./images/photo1.jpg par exemple & surtout pas c:/document and settings/images/photo1.jpg ( le lien absolu )
et de mettre les photo dans le dossier images bien sûr.

Voilà, ça, c'est sûr que ça marche, sinon, faut m'envoyer la sources & je regarde ce qui ne va pas ( si possible les endroit où les photos à s'afficher doivent se trouver ), mais je suis parti en vacance & je ne suis pas chez moi ces temps çi, je consulte de temps en temps le site & mes mails alors je répondrai pas de suite ...

bonne chance & à+
re-bonjour,
je me permets de remonter ce post car je n'ai toujours pas trouvé de solution...
d'avance merci pour votre aide
Bonjour
Ma contribution intervient peut etre un peu tard mais on ne sait jamais...
Pour ce genre de chose, j'utilise bêtement Word, en faisant ma mise en page (photos et tout avec tableaux si nécessaires) puis j'utilise la fonction "fichier" "envoyer vers..." "destinataire" ATTENTION : (ne pas envoyer en tant que piéce jointe of course...)
Avec ça je peux envoyer de belles pages par mail.
Wala, espérons que cela réponde à ton souci.
JC
slt j'aimerais bien sacvoir comment on fait pour installer se code sur un site <script src="http://www.compteur.cc/effets/textpix2/show.php?width=300&height=300&txt=mariejosee&card=cards/popular/popular1.jpg&clickURL=http://www.compteur.cc&type=0&clickLABEL=Compteur.cc&tc=16776960&sc=16711680&font=fonts/plainn_lib.swf&tr=0&ts=100&tx=8&ty=50&glitter=1&rounded=0&bevel=0&sepia=0&shadow=1&theme=&theme_al=100"/></script/><noscript/><a href="http://www.compteur.cc">compteur</a></noscript/><br><a href="http://www.compteur.cc">Compteur.cc<a/>
Tu peux préciser ?
"http://www.30mph.biz/lettres/fd%20lettre.jpg)"
ne pas mettre d'espace ni de carracteres speciaux dans les titres de fichiers
Bonjour,

Le problème viens du nom du fichier :
background-image: url(http://www.30mph.biz/lettres/fd%20lettre.jpg);

En effet, il y a un espace dans le nom du fichier "f lettre.jpg". L'espace est donc encodé en "%20", mais les clients de messagerie ne parviennent pas à resoudre le lien absolu. Il faut donc supprimer l'espace dans le nom du fichier et réécrire le lien...
Désolée, j'ai pas tout compris à la manip!
Je n'ai toujours pas trouvé de solution... je précise que je n'utilise pas outlook...
Merci
Messages postés
4059
Date d'inscription
vendredi 19 mars 2004
Statut
Contributeur
Dernière intervention
19 avril 2020
526
Salut,

Tu peux éventuellement mettre ces photos sur [http://imageshack.us/].

Tu peux aussi nous copier le code de la page, si tu veux... :-)
Salut,

Tu lance ta page dans le navigateur (avec Internet explorer, je sais que ca marche, j'ai pas tester les autres), tu vas dans fichier > envoyer > page par courrier électronique. Il ouvre ton application de messagerie avec comme message ta page Internet, il te suffit de préciser le sujet et d'indiquer les destinataire.

Voilà une solution, j'espère qu'elle n'arrive pas trop tard....
salut alex
j'ai essayee mais la page n'apparait pas dans outlook comme ci il lui manque les photos.
comment puis je les rajouter?
merci
Salut,
Il te faut du php pour entourer tout ca...