Discussion :

[calagan99]

Bonjour à tous,

je poste ici car je pense que les problématiques de mail sont plus récurrentes sur les applications web.

Je suis en train de développer un petit module qui envoie toutes les X heures un mail à un ou plusieurs destinataires.

Ce mail est basé sur un template HTML assez basique, sauf pour une partie dans laquelle je construis un graphique à barres via une TABLE ou une liste [UL].

Lorsque j'ouvre le résultat dans Outlook (ou Outlook sur tablette Android), le format de ma table n'est pas du tout respecté.

Le HTML utilisé est basé sur des exemples disponibles sur cette page
Le rendu HTML dans une page web est correct, tout comme dans Outlook Web Acess si j'ouvre le mail (auquel cas son contenu est affiché dans un TextAera)

Le MailMessage est construit comme ceci :

Code :

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

1
2
3
4
MailMessage mail = new MailMessage();
                mail.Body = MailBody;
                mail.BodyEncoding = Encoding.UTF8;
                mail.IsBodyHtml = true;

Le HTML rendu ressemble à cela :

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
<ul id="graph">
	<li class="tr" id="1">2007
		<ul>
			<li class="bar" style="height:71px;">
				<p>143</p>
			</li>		
		</ul>
	</li>
	<li class="qtr" id="q2">2008
		<ul>
			<li class="paid bar" style="height:111px;">
				<p>223</p>
			</li>
		</ul>
	</li>
</ul>

Avez-vous une idée de la manière dont je peux "forcer" (même si je doute fort que ce soit possible) la prise en compte du HTML par Outlook ?

D'avance merci pour vos conseils.

[Immobilis]

Salut,

Il y a quelques contraintes au rendu HTML des mails. En pratique les contenus externes ne sont pas téléchargés. Il faut donc en mettre un max dans le corps du mail. Si tu utilises des styles, il faut les inclure dans l'en-tête. Le js doit aussi être bloqué.

A+

[calagan99]

Merci Immobilis.
Pas de contenu externe, pas de js, les styles sont pour la plupart dans une balise style dans le head du template et globalement, tout est correctement rendu excepté ce graphique qui ne présente pourtant pas de spécificité particulière.

[Skalp]

Plutôt que dans le head, essaye de mettre le style carrément dans les balises html.

Code HTML :

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

1
2
<ul id="graph" style="...">
...

[calagan99]

Plutôt que dans le head, essaye de mettre le style carrément dans les balises html.

Code HTML :

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

1
2
<ul id="graph" style="...">
...

Merci Skalp.
Malheureusement, pas mieux.
Le rendu est toujours mauvais. Le style des balises imbriquées <UL><LI><UL><LI></LI></UL></LI></UL> est mal géré par Outlook.

à, je sèche...

[Immobilis]

On peut voir le détail des styles?