Mail Pièce jointe HTML et CSS

Fastolfe · 04/04/2011, 16h17

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 !

Gaetan_ · 04/04/2011, 16h27

Bonjour,

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

Gmail par exemple n'interprète pas toutes les balises css.

Fastolfe · 04/04/2011, 16h42

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

Gaetan_ · 04/04/2011, 17h22

Tu peux coller la source du mail reçu ?

Fastolfe · 04/04/2011, 17h29

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

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

Gaetan_ · 04/04/2011, 17h40

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

Fastolfe · 04/04/2011, 17h43

Ok, merci.

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

Code :

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

<font color="red">

mais même ça, ça ne passe pas !!!!!

Gaetan_ · 04/04/2011, 18h01

Mais le html est bien présent dans le corps de ton email ?
As tu essayé de le lire sur une autre messagerie ?

Fastolfe · 04/04/2011, 21h09

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.

Fastolfe · 05/04/2011, 09h02

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 ?

Gaetan_ · 05/04/2011, 13h54

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.

04/04/2011, 16h17	#1
Fastolfe Inscription : mars 2011 Messages : 13 Détails du profil Informations forums : Inscription : mars 2011 Messages : 13 Points : -1 Points : -1	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 !
	00

04/04/2011, 17h43	#7
Fastolfe Inscription : mars 2011 Messages : 13 Détails du profil Informations forums : Inscription : mars 2011 Messages : 13 Points : -1 Points : -1	Ok, merci. Par exemple, j'ai essayé de faire un ancien Code : Sélectionner tout - Visualiser dans une fenêtre à part <font color="red"> mais même ça, ça ne passe pas !!!!!
	00

04/04/2011, 16h27	#2
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	Bonjour, Avant d'évoquer le codage, sur quelle messagerie lis tu ces emails ? Gmail par exemple n'interprète pas toutes les balises css.
	00

04/04/2011, 16h42	#3
Fastolfe Inscription : mars 2011 Messages : 13 Détails du profil Informations forums : Inscription : mars 2011 Messages : 13 Points : -1 Points : -1	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...
	00

04/04/2011, 17h22	#4
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	Tu peux coller la source du mail reçu ?
	00

04/04/2011, 17h40	#6
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	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...
	00

04/04/2011, 18h01	#8
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	Mais le html est bien présent dans le corps de ton email ? As tu essayé de le lire sur une autre messagerie ?
	00

04/04/2011, 21h09	#9
Fastolfe Inscription : mars 2011 Messages : 13 Détails du profil Informations forums : Inscription : mars 2011 Messages : 13 Points : -1 Points : -1	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.
	00

05/04/2011, 09h02	#10
Fastolfe Inscription : mars 2011 Messages : 13 Détails du profil Informations forums : Inscription : mars 2011 Messages : 13 Points : -1 Points : -1	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 ?
	00

05/04/2011, 13h54	#11
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email