Mail Pièce jointe HTML et CSS

Version imprimable

04/04/2011, 16h17
Fastolfe

Mail Pièce jointe HTML et CSS

Bonjour à tous,

J'ai un petit soucis d’envois de PJ par la fonction mail de PHP.

D'un coté, je génère des fichiers au format .htm à partir de données de MySQL.
Je place ces fichiers dans un répertoire bien défini.
De l'autre coté, je lance un script PHP qui parcoure ce répertoire et qui, à chaque fichier HTML (pas plus de 40 en gros), crée un mail avec le fichier en PJ.

Dans ces fichiers HTML, j'ai une CSS intégrée, mais quand je reçois mes mails, mes fichiers sont bien en PJ mais ils ne tiennent pas compte de la CSS...:(

Avez-vous une idée ?

Merci !
04/04/2011, 16h27
Gaetan_

Bonjour,

Avant d'évoquer le codage, sur quelle messagerie lis tu ces emails ?

Gmail par exemple n'interprète pas toutes les balises css.
04/04/2011, 16h42
Fastolfe

Pour le moment, je les lis en local sur Outlook 2003.

Le truc, c'est que je vois le code des CSS comme du simple texte et ce qui est comprise dans les balises <html> en normal...
04/04/2011, 17h22
Gaetan_

Tu peux coller la source du mail reçu ?

Voici le code d'un des fichiers HTML que je tente de joindre au mail.

Code:

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
 
<html>
		<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>DEMANDE</title>
		<STYLE type="text/css">
		html
		{
		text-align:center;	
		}
 
		table.principale
		{
		width:65%;
		margin-left:15%;
		border:2px solid black;	
		}
 
		td.gauche
		{
		text-align:left;	
		}
 
		td.droite
		{
		text-align:right;	
		}
 
		h1,h2,h3
		{
		display:block;
		position:relative;
		border:2px solid black;
		width:50%;
		margin-left:25%;
		background:lightgrey;
		text-align:center;
		}
 
		h1
		{
			color:green;	
		}
 
		h2
		{
			color:green;	
		}
 
		span.engras
		{
		font-weight:bold;	
		}
 
		span.souligne
		{
		text-decoration:underline;	
		}
		</STYLE>
		</head>
		<body>
		<div class="contenu">
			<table class="principale">
				<tr>
					<td colspan="2"><h1>DEMANDE</h1></td>
				</tr>
				<tr>
					<td class="droite"><span class="engras">IMPORTANT : </span></td>
					<td class="gauche"><span class="engras">PAS DE CONTACT AVEC LES HERITIERS</span></td>
				</tr>
				<tr>
					<td class="gauche"><span class="souligne">Vos rèf. de dossier : </span><span class="engras">07-0400</span></td>
				</tr>
				<tr>
					<td colspan="2"><h2>CLAUSE</h2></td>
				</tr>
				<tr>
					<td class="gauche"><span class="souligne">Objet : </span></td>
				</tr>
				<tr>
					<td colspan="2"><span class="engras">MR DO....</span></td>
				</tr>
				<tr>
					<td colspan="2"><h3>ETAT CIVIL</h3></td>
				</tr>
				<tr>
					<td>NOM : <span class="engras"></span></td>
					<td class="gauche">PRENOM(S) : <span class="engras"></span></td>
				</tr>
				<tr>
					<td>NOM MARITAL : <span class="engras"></span></td>
				</tr>
				<tr>
					<td>DATE ET LIEU DE NAISSANCE : <span class="engras">01/01/0000</span></td>
					<td class="gauche">Lieu : <span class="engras">PARIS</span></td>
				</tr>
				<tr>
					<td>DATE ET LIEU DE DECES : <span class="engras">01/01/0000</span></td>
					<td class="gauche">Lieu : <span class="engras">iuooiuoioui</span></td>
				</tr>
				<tr>
					<td colspan="2"><h3>DOMICILE</h3></td>
				</tr>
				<tr>
					<td class="gauche">DERNIER DOMICILE CONNU : </td>
				</tr>
				<tr>
					<td class="gauche"><span class="engras">fdbdfbdfbdfbdfbdf</span></td>
				</tr>
				<tr>
					<td colspan="2"><h3>REPONSE</h3></td>
				</tr>
				<tr>
					<td class="gauche">NOM : </td>
					<td class="gauche">PRENOM : </td>
				</tr>
				<tr>
					<td class="gauche">NOM DE JEUNE FILLE : </td>
				</tr>
				<tr>
					<td class="gauche">Date de naissance : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
					<td class="gauche">Lieu de naissance : </td>
				</tr>
				<tr>
					<td class="gauche">ADRESSE ACTUELLE : </td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td class="gauche">TELEPHONE(S) : </td>
				</tr>
				<tr>
					<td class="gauche">OBSERVATIONS : </td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
			</table>
		</div>
		</body>
		</html>

04/04/2011, 17h40
Gaetan_

Tu rédiges en fait tes emails comme des pages web.
Le tout est correct de façon syntaxique mais ce ne passera pas au niveau de ta feuille de style.

Les clients mails ou webmails ont beaucoup plus de contraintes.

Fais un max de html brut, oublie les DIV etc...
04/04/2011, 17h43
Fastolfe

Ok, merci.

Par exemple, j'ai essayé de faire un ancien

Code:

<font color="red">

mais même ça, ça ne passe pas !!!!!
04/04/2011, 18h01
Gaetan_

Mais le html est bien présent dans le corps de ton email ?
As tu essayé de le lire sur une autre messagerie ?
04/04/2011, 21h09
Fastolfe

Non, je veux juste envoyer le fichier html en tant que PJ, pas dans le corps du mail : dans le corps, le html est bien interprété, pas de soucis.
05/04/2011, 09h02
Fastolfe

Je viens de tester sur une autre messagerie (gmail) et ça fait pareil.

En outre, quand je dis que le HTML est bien interprété dans le corps, c'est quand je passe entièrement le code HTML de ma pièce jointe dans le corps du mail : là, même la CSS intégrée est bien interprétée.

Il y aurais quelque chose que j'ai manqué dans la conception du mail ?
05/04/2011, 13h54
Gaetan_

Tout cela me semble normal.

Gmail est un des plus strict au niveau de l'interprétation du css.

Ta pièce jointe pourra en outre être interprétée sur un thunderbird par exemple.

Après il s'agit d'un problème d'association de fichier. Dans 99% des cas, un fichier .html sera associé au navigateur et il n'y aura de problème de lecture.