Modèle de mail OS 10.7

**meunier_anthony** · 11/11/2011, 17h01

Bonjour,
Pour commencer, j'espère être dans la bonne section et merci d'avance pour votre aide.

Voilà je cherche à créer un modèle de mail pour Mail sous OS 10.7. Je suis parti d'un fichier Illustrator, pour créer des tranches puis travailler le tout sous Dreamweaver (je débute on va dire).

Mon but mettre en ligne cette page pour ensuite depuis safari faire : Fichier/Envoyer le contenu de cette page par courrier électronique. Puis de la l'enregistrée en modèle de mail.
Tout j'y arrive. Le soucis c'est que c'est un modèle de mail pour des BAT. Il faut donc avoir un espace modifiable pour le texte ce qui marche aussi puis en dessous je dois insérer un fichier joint. Le problème final c'est le résultat car avant envoi c'est parfait mais à la réception du mail c'est pas beau !

Voici le lien du mail avant envoi :

Puis l'image à reception de ce dernier :

Comment puis-je faire pour que le fichier reste dans la zone jaune clair et que ce soit au final graphiquement réussi.
Sachant que les zone grises sont des photos à venir.

Merci d'avance et bonne journée à tous.
Anthony

**Vil'Coyote** · 16/11/2011, 13h05

Comment puis-je faire pour que le fichier reste dans la zone jaune clair et que ce soit au final graphiquement réussi.
Sachant que les zone grises sont des photos à venir.

De se que je vois (sans code) c'est ta conception et utilisation de l'html voir même ta façon de découper et d'utiliser DW qui font se décalage.

Avec un peut de code je pense que l'on pourra être plus clair et mieux t'aider.

**meunier_anthony** · 16/11/2011, 19h22

Oui c'est vrai que ça peut être ma façon de travailler, je suis en "autoformation" sur dreamweaver. Je ne suis pas sur de bien prendre en main ce logiciel. Sinon j'ai aussi du mal peut être de voir ou découper ma page et comment la concevoir de façon logique. Je suis preneur pour des conseils aussi.

Sinon je joints le code de la page en question.

Il faut aussi noter que les accents ne passe pas bien : exemple "é" donne "@à" et autres.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
--------

<!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=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
#entete {
	height: 89px;
	width: 904px;
	background-image: url(images/entete.jpg);
	color: #FFF;
}
#contenu {
	width: 664px;
	background-image: url(images/contenu.jpg);
	background-repeat: repeat-y;
	color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 120px;
	padding-left: 120px;
	margin-right: 0px;
}
#pied {
	height: 253px;
	width: 904px;
	color: #E6E6E6;
	background-image: url(images/pied.jpg);
}
#conditions {
	height: 408px;
	width: 904px;
	background-image: url(images/Conditions.jpg);
}
body {
	margin: 0px;
	background-color: #E6E6E6;
	color: #E0E0E0;
}
#conteneur {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#conteneur #contenu p {
	font-family: "Myriad Pro";
}
</style>
</head>

<body>
<div id="conteneur">
  <div id="entete"></div>
  <div id="contenu">
    <p>Bonjour,</p>
    <p>Veulliez trouver ci joint  la maquette correspondant Ã  votre commande  d'un panneaux Alu. Merci de valider ou modifier par retour de ce mail.</p>
    <p>Bonne journÃ©e</p>
    <p>Anthony</p>
    <p>-------</p>
    <p>&nbsp;</p>
  </div>
  <div id="pied"></div>
  <div id="conditions"></div>
</div>
</body>
</html>

--------