Envoyer une page html par mail

Réponse

+4

jibe74 3 janv. 2008 à 20:53

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

Ajouter un commentaire

papi2007 - 28 sept. 2008 à 22:23

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

DUDU94170 - 23 févr. 2011 à 14:38

Bonjour,

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

Réponse

+4

battosai 21 août 2009 à 22:00

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

Ajouter un commentaire

Réponse

+2

jibe74 3 janv. 2008 à 20:54

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

Ajouter un commentaire

Réponse

+1

dieudivin 168Messages postés 23 avril 2004Date d'inscription 15 avril 2010Dernière intervention 12 août 2004 à 00:06

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 & à+

Ajouter un commentaire

Réponse

+1

lou 17 août 2004 à 14:33

re-bonjour,
je me permets de remonter ce post car je n'ai toujours pas trouvé de solution...
d'avance merci pour votre aide

Ajouter un commentaire

JCL - 1 sept. 2004 à 12:11

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

Réponse

+1

beta 9 août 2007 à 06:46

slt j'aimerais bien sacvoir comment on fait pour installer se code sur un site <script src="http://www.compteur.cc/..."/></script/><noscript/><a href="http://www.compteur.cc">compteur</a></noscript/><br><a href="http://www.compteur.cc">Compteur.cc<a/>

Ajouter un commentaire

Réponse

+1

chbret 29 janv. 2008 à 09:29

Tu peux préciser ?

Ajouter un commentaire

Réponse

+1

srdo 25 juin 2010 à 14:52

"http://www.30mph.biz/lettres/fd%20lettre.jpg)"
ne pas mettre d'espace ni de carracteres speciaux dans les titres de fichiers

Ajouter un commentaire

Réponse

+0

lou 12 août 2004 à 00:34

Désolée, j'ai pas tout compris à la manip!

Ajouter un commentaire

Réponse

+0

lou 16 août 2004 à 16:21

Je n'ai toujours pas trouvé de solution... je précise que je n'utilise pas outlook...
Merci

Ajouter un commentaire

Réponse

+0

SirHill 4096Messages postés 19 mars 2004Date d'inscription 29 août 2010Dernière intervention 2 sept. 2004 à 03:39

Salut,

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

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

Ajouter un commentaire

Réponse

+0

Alex 24 sept. 2004 à 11:58

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....

Ajouter un commentaire

claire95 - 12 nov. 2009 à 21:05

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

Réponse

+0

raf 14 janv. 2008 à 20:26

Salut,
Il te faut du php pour entourer tout ca...

Ajouter un commentaire

Réponse

+0

Albedo0 27 févr. 2012 à 21:48

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...

Ajouter un commentaire

Envoyer une page html par mail

Envoyer une page html par mail »

Passage au tout numérique : quel coût pour les particuliers ?