Dégradation code HTML dans messages

doog_doogy · Message par **doog_doogy** » 21 mai 2013, 18:35

Bonjour,

je suis sous Thunderbird 17.0.5

Je créé des mails en HTML (Newsletter), le souci, c'est qu'il ne sont pas correctement envoyés et interprétés par Thunderbird,
il fait un peu ce qu'il veut en la matière

existe-il une solution pour le code HTML que j'insère par le menu "Insérer" puis "HTML"
soit envoyé sans interprétation à la sauce Thunderbird, mais bien comme je l'ai écrit et surtout avec les valeurs et attributs que j'insère.

Merci du coup de main
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

Jean-Claude · Message par **Jean-Claude** » 22 mai 2013, 10:20

Bonjour,

Comment crées-tu ton code HTML ? Utilises-tu un logiciel en particulier ? Il est connu que les logiciels "Microsoft" ne respectent pas les standards de l'HTML. Un HTML produit par Word a toutes les chances de se planter s'il n'est pas afficher avec Internet Explorer.

Pour rédiger un message en HTML, il y a le logiciel libre "Kompozer" disponible ICI.
Il a l'avantage d'être très simple.
Après téléchargement de Kompozer, il suffit de "dézipper" le fichier téléchargé et de démarrer "Kompozer.exe" sans installation préalable.

Dans Kompozer, tu insères ton image, ton texte et autres graphiques dans le volet de droite, et tu verras le code HTML correct sans rien connaître au HTML

.
Tu peux voir le code source HTML en cliquant sur l'onglet "Source" en bas tout à droite.
Tu peux voir le résultat dans un navigateur web, en sauvant d'abord ta page dans un fichier avec l'extension .html et ensuite en cliquant sur "Browse" dans le menu.

Il y a un guide ICI et une section Kompozer dans le forum du site ICI + d'autres guides.

A+
Votre Navigateur : Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31

doog_doogy · Message par **doog_doogy** » 22 mai 2013, 11:57

Bonjour,

Merci pour la proposition, mais comme :
Je bosse avec Notepad++ et le Bloc-note, du coup aucun souci pour le code à la sortie

Faire du HTML avec Word, faut être gonflé

Donc du coup, je sais que le souci vient bien de l'interprétation au niveau HTML de Thunderbird, même pas capable de garder une couleur de fond, un basique tout de même, non

En recul dans le temps, je n'avais pas rencontré ce souci, deux versions en arrière et je n'ai pas envie de reculer

Une autre piste, svp
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

Message par **J2m06** » 22 mai 2013, 18:29

Bonjour

doog_doogy a écrit :,Donc du coup, je sais que le souci vient bien de l'interprétation au niveau HTML de Thunderbird, même pas capable de garder une couleur de fond, un basique tout de même, non

as-tu un exemple du code pour que l'on puisse essayer

.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0

doog_doogy · Message par **doog_doogy** » 22 mai 2013, 20:34

Bonsoir,

Bien sûr, voici :
en gros :

Code : Tout sélectionner

<html>
<head>
<title>Test</title>
</head>
<body>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr"><head>
	<meta http-equiv="Content-Type" content="text/html; ">
	
	<title>Test</title>


</head>

<body style="font-size:11px; font-family:arial;" bgcolor="#dedede" link="#F9C107">
<div align="center" style="padding-left:20px">
<font color="#7C7A7A" style="font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;">Pour visualiser correctement la page, acc&eacute;dez &agrave; la <a style="color:#7C7A7A"  href="#">version en ligne</a>
		<br><br>

	</font>
</div> 
	<table  style="border: 1px solid #ccc;" align="center"  cellpadding="0" cellspacing="0" width="800">
		<tbody>
		<tr>
			<td style="padding-left:20px; color:#7C7A7A;" >Test : </td>
		</tr>
		<tr>
			<td>

				<table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="780">

					<tbody><tr>
						<td>

					<table align="center" border="0" cellpadding="0" cellspacing="0"">
							<tbody><tr>

								<td><a  href="#"><img src="#" alt="#" border="0" width="375"></a></td> 

							</tr>

					</tbody></table>
						</td>
					</tr>


				</tbody></table>

			</td>
		</tr>
		<tr>
			<td>
				<table align="center" cellpadding="0" cellspacing="0" width="750" style="border-top: 1px solid #e4dcd9;">
					<tbody><tr>
						<td style="color:#7C7A7A">
						<h2 style="padding-left:20px; color:#7C7A7A;" >test</h2>
						ttttttttttttttttttttttttttttttttttttttttttt


						</td>
					</tr>
				</tbody></table>
			</td>
		</tr>
	</tbody></table>
<div align="center">
<font color="#7C7A7A" style="font-size:9px;font-family:Verdana,Arial,Helvetica,sans-serif;"><br>
Si vous ne souhaitez plus recevoir d'email de notre part, suivez ce lien : <a style="color:#7C7A7A" href="#">d&eacute;sabonnez-vous</a>.
</font>
</div>
</body>
</html>
</body>
</html>

Voilà avec un fond : #DEDEDE => bleu mauve, c'est pour l'exemple, hé bien en réception comme en envoi, visuellement c'est du blanc

Merci d'avance
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0

Message par **J2m06** » 23 mai 2013, 11:05

bonjour

ton code ne fonctionne pas non plus dans Kompozer

Par contre il est ok avec BlueGriffon
[edit] je me suis envoyé ton code par email et sur le site de mon webmail (laposte) la page reste aussi blanche
ainsi qu'avec un autre courrielleur (WLM)

[/edit]

comme je suis nul en html je ne peux pas analyser ton code

J'ai essayé de mettre en gris depuis TB (et a partir de ton code) et j'ai bien une partie du fond en gris

Code : Tout sélectionner

<html>
<head>
<title>Test</title>
</head><body link="#0000EE" text="#000099" vlink="#551A8B" alink="#EE0000" bgcolor="#dedede">
<meta http-equiv="Content-Type" content="text/html; ">
<title>Test</title>
<div style="padding-left:20px" align="center">
<font style="font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;" color="#7C7A7A">Pour visualiser correctement la page, accédez à la <a style="color:#7C7A7A" href="#">version en ligne</a>
<br><br>
</font>
</div>
<table style="border: 1px solid #ccc;" width="800" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-left:20px; color:#7C7A7A;">Test : </td>
</tr>
<tr>
<td>
<table width="780" align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<table "="" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td><a href="#"><img src="#" alt="#" width="375" border="0"></a></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<table style="border-top: 1px solid #e4dcd9;" width="750" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="color:#7C7A7A">
<h2 style="padding-left:20px; color:#7C7A7A;">test</h2>
ttttttttttttttttttttttttttttttttttttttttttt
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<div align="center">
<font style="font-size:9px;font-family:Verdana,Arial,Helvetica,sans-serif;" color="#7C7A7A"><br>
Si vous ne souhaitez plus recevoir d'email de notre part, suivez ce lien : <a style="color:#7C7A7A" href="#">désabonnez-vous</a>.
</font>
</div>
</body>
</html>

En changeant de place une ligne j'ai un aussi le fond (en partie !) gris donc peut être faut il adapter ton code pour qu'il fonctionne de partout !!!!

.
ps: peut être que je devrais déplacer ton post dans le forum Développement Web http://forums.mozfr.org/viewforum.php

ou des pros pourront d'en dire plus

.

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 23 mai 2013, 18:24

Si le code est comme celui donné dans le premier message, alors celui-ci est erronée puisque cela devrait commencer avec le doctype. De +, il ne peut y avoir qu'un seul body.

Vous pouvez tester votre code html sur ce site par copier-coller
http://validator.w3.org/#validate_by_input
Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:22.0) Gecko/20100101 Firefox/22.0

Geckozone

Dégradation code HTML dans messages

Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Re: Dégradation code HTML dans messages

Qui est en ligne ?