Geckozone

Bonjour,
Je diffuse un mail collectif représentant une image, avec un petit texte, insérée dans un cadre qui est défini par un code html.
Lorsque je le reçois (j'en suis ampliateur), je visualise bien l'image et le texte, mais le cadre n'apparait pas. Le code source montre que le html est cependant présent. Que se passe-t-il ? Merci de votre aide

Un exemple :

Code : Tout sélectionner

<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
=3DUTF-8" /></head><body style=3D'font-size: 12pt; font-family: Georgia,Pal=
atino,serif'>
<div style=3D"font-size: 12pt; font-family: Georgia,Palatino,serif;">
<div style=3D"font-size: 12pt; font-family: Georgia,Palatino,serif;">
<div style=3D"font-size: 20px; background: #E2E2E2; margin-left: auto; marg=
in-right: auto; width: 100%; text-align: center;"><br /><br />
<div style=3D"border-radius: 3%; background: #525252; margin-left: auto; ma=
rgin-right: auto; width: 600px; height: auto;">&nbsp;<br />
<table style=3D"border-radius: 3%; background: #D2D2D2 linear-gradient(55de=
g, #E2E2E2, #B2B2B2); margin-left: auto; margin-right: auto; width: 560px; =
padding: 3px; height: 266px;">
<tbody style=3D"color: #323232; font-family: georgia, arial, comic sans ms,=
 sans-serif;">
<tr style=3D"height: auto;">
<td style=3D"text-align: left; font-size: 12pt;">
<p>&nbsp; Bonjour,</p>
<p style=3D"text-align: center;"><img src=3D"cid:175008517568502e37cd7bc462=
877648@markagement.com" width=3D"511" height=3D"718" />&nbsp;</p>
<p style=3D"text-align: left;">&nbsp; Une proposition inhabituelle.</p>
<p><img style=3D"float: left;" src=3D"cid:175008517568502e37cd6e3319608975@=
markagement.com" width=3D"100" height=3D"100" /></p>
<p style=3D"text-align: left;">&nbsp;</p>
<p style=3D"text-align: left;">&nbsp;&nbsp; Cordialement. <a style=3D"color=
: inherit;" href=3D"https://www.pensees-vagabondes.fr" target=3D"_blank" re=
l=3D"noopener noreferrer">Ph</a>. <a style=3D"color: inherit;" href=3D"http=
s://www.markagement.com" target=3D"_blank" rel=3D"noopener noreferrer">Mign=
otte</a>.<br /><br /><br /></p>
<p style=3D"text-align: center;"><span style=3D"font-size: 10pt;">"L'autre =
a toujours ses raisons &hellip; ce qui ne veut pas dire qu'il a raison : mo=
i aussi !"<br /></span></p>
</td>
</tr>
</tbody>
</table>
<p style=3D"height: 0px;">&nbsp;</p>
</div>
<p><br /></p>
</div>
</div>
</div>
</body></html>

[modération]
Pour ce genre d'information, merci d'utiliser les balises code (bouton </> ).
Les balises code ont donc été ajoutées pour une meilleure lisibilité.
[/modération]lool-lauris

Merci, Lauris, d'avoir amélioré ma demande par une manœuvre que je ne sais pas faire …
Je crois (sans certitude vu mes compétences) que ce qui n'apparait pas est la partie suivant du code :

<div style=3D"border-radius: 3%; background: #525252; margin-left: auto; ma=
rgin-right: auto; width: 600px; height: auto;"> <br />
<table style=3D"border-radius: 3%; background: #D2D2D2 linear-gradient(55de=
g, #E2E2E2, #B2B2B2); margin-left: auto; margin-right: auto; width: 560px; =
padding: 3px; height: 266px;">

En attendant un avis …

Si si, ça apparaît bien dans dans le code que tu as initialement posté... vérifie bien.

Cependant, je ne sais pas comment tu as pondu ce code mais ce que tu en donnes, montre des anomalies... les plus grossières sont =3D qui figure sur toutes les lignes coupées par un retour à la ligne et des lignes inutiles (il y en a d'autres que je n'ai certainement pas vues ; il faut supprimer ces signes et les retours à la ligne !

D'autre part, il y des sources qui ne s'affichent pas, ces 2 là par exemple :
cid:175008517568502e37cd7bc462877648@markagement.com
cid:175008517568502e37cd6e3319608975@markagement.com
Je n'ai jamais utilisé ce tag cid: !?

Voici un code que j'ai rapidement retouché (j'ai enlevé les premiers trucs inutiles que j'ai aperçus et mis en place une indentation afin d'y voir plus clair) mais il reste beaucoup de chose à faire et aussi à éliminer :

Code : Tout sélectionner

<html>
	<head>
		<meta http-equiv=Content-Type content=text/html; charset=3DUTF-8 />
	</head>
	<body style=font-size: 12pt; font-family: Georgia,Palatino,serif;>
		<div style=font-size: 12pt; font-family: Georgia,Palatino,serif;>
		<div style=font-size: 20px; background: #E2E2E2; margin-left: auto; margin-right: auto; width: 100%; text-align: center;><br /><br />
		<div style=border-radius: 3%; background: #525252; margin-left: auto; margin-right: auto; width: 600px; height: auto;>&nbsp;<br />
			<table style=border-radius: 3%; background: #D2D2D2 linear-gradient(55deg, #E2E2E2, #B2B2B2); margin-left: auto; margin-right: auto; width: 560px; padding: 3px; height: 266px;>
				<tbody style=olor: #323232; font-family: georgia, arial, comic sans ms, sans-serif;>
					<tr style=height: auto;>
						<td style=text-align: left; font-size: 12pt;>
							<p>&nbsp; Bonjour,</p>
							<p style=text-align: center;><img src=cid:175008517568502e37cd7bc462877648@markagement.com width=511 height=718 />&nbsp;</p>
							<p style=text-align: left;>&nbsp; Une proposition inhabituelle.</p>
							<p><img style=float: left; src=cid:175008517568502e37cd6e3319608975@markagement.com width=100 height=100 /></p>
							<p style=text-align: left;>&nbsp;</p>
							<p style=text-align: left;>&nbsp;&nbsp; Cordialement. <a style=color: inherit; href=https://www.pensees-vagabondes.fr target=_blank rel=noopener noreferrer>Ph</a>. <a style=color: inherit; href=https://www.markagement.com target=_blank rel=noopener noreferrer>Mignotte</a>.<br /><br /><br /></p>
							<p style=text-align: center;>
							<span style=font-size: 10pt;>"L'autre a toujours ses raisons &hellip; ce qui ne veut pas dire qu'il a raison : moi aussi !"<br /></span></p>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		</div>
		</div>
	</body>
</html>

Merci, Lauris,
Je te précise le contexte.

J'ai créé une signature qui me sert de cadre pour une mailing liste. Son code, créé par Roundup, est :

<div style="font-size: 20px; background: #f2dad3; margin-left: auto; margin-right: auto; width: 100%; text-align: center;"><br /><br />
<div style="border-radius: 3%; background: #f28a43; margin-left: auto; margin-right: auto; width: 600px; height: auto;"> <br />
<table style="border-radius: 3%; background: #f2da93 linear-gradient(55deg, #f2da93, #f2da93); margin-left: auto; margin-right: auto; width: 560px; padding: 3px; height: 266px;">
<tbody style="color: #d26a23; font-family: georgia, arial, comic sans ms, sans-serif;">
<tr style="height: auto;">
<td style="text-align: left; font-size: 12pt;">
<p>  Bonjour,</p>
<p style="text-align: center;"> </p>
<p><img style="float: left;" src="blob:https://mail.ovh.net/e63a97d5-a6c6-4008 ... ccf919f274" width="100" height="100" /></p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">   Cordialement. <a style="color: inherit;" href="https://www.pensees-vagabondes.fr">Ph</a>. <a style="color: inherit;" href="https://www.markagement.com">Mignotte</a>.<br /><br /><br /></p>
<p style="text-align: center;"><span style="font-size: 10pt;">"L'autre a toujours ses raisons … ce qui ne veut pas dire qu'il a raison : moi aussi !"<br /></span></p>
</td>
</tr>
</tbody>
</table>
<p style="height: 0px;"> </p>
</div>
<p> </p>
</div>

Le résultat se visualise sur le site qui récapitule mes envois : latournette.blogspot.com.

Pour un nouvel message, il me suffit d'insérer l'image centrale, de modifier la valeur des backgrounds et de rajouter un commentaire. Des milliers de mails ont été ainsi expédiés sans problème.

Depuis quelques semaines, ce que je reçois comme destinataire n'active pas tout ce qui est couleur. Mes abonnés n'ont pas ce problème.

Si je réalise un couper-coller de ce que j'ai reçu pour l'insérer dans le blog, les couleurs sont là. Le problème m'est donc spécifique.

Si tu as une idée de ce qui se passe …

Des précisions : je réceptionne mes mails avec Thunderbird et le problème ne se présente pas sur mon iPhone qui est sur Mail.

Sur mon Mac, Mail fonctionne correctement. J'en conclu que Thunderbird est en cause. Je l'ai rechargé, mais sans succès.

Si cela peut éclairer …

Pas d'écho ?

hello
vérifier Affichage -> Corps du message en -> HTML original

Merci svobado

HTML original est bien sélectionné.

A tout hasard, le code source d'un mail reçu est, pour la partie qui ne s'affiche pas, :

<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
=3DUTF-8" /></head><body style=3D'font-size: 12pt; font-family: Georgia,Pal=
atino,serif'>
<div style=3D"font-size: 12pt; font-family: Georgia,Palatino,serif;">
<div style=3D"font-size: 20px; background: #f3e8e7; margin-left: auto; marg=
in-right: auto; width: 100%; text-align: center;"><br /><br />
<div style=3D"border-radius: 3%; background: #a31817; margin-left: auto; ma=
rgin-right: auto; width: 600px; height: auto;"> <br />
<table style=3D"border-radius: 3%; background: #f36867 linear-gradient(55de=
g, #f3c8c7, #f36867); margin-left: auto; margin-right: auto; width: 560px; =
padding: 3px; height: 266px;">
<tbody style=3D"color: #a31817; font-family: georgia, arial, comic sans ms,=
sans-serif;">
<tr style=3D"height: auto;">
<td style=3D"text-align: left; font-size: 12pt;">
<p>  Bonjour,</p>

Une autre idée ?

Geckozone

Code html non édité

Code html non édité

Re: Code html non édité

Re: Code html non édité

Re: Code html non édité

Re: Code html non édité

Re: Code html non édité

Re: Code html non édité

Re: Code html non édité