5568 sujets

Sémantique web et HTML

Bonjour
Je voudrais savoir si il existe un moyen pour detourner le probleme de l affichage des images stocke sur un serveur dans les newsletters.
Il faut que la personne clik sur afficher les images pour qu il l affiche
C est un gros probleme... j ai chercher sur le net mais pas trouver de reponse
Un moyen pour forcer l affichage ca serait cool ... Aucune image ne s affiche a la reception de l email
<html>
	<head>
		<title>Newsletter</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
		<style type="text/css">
			a img{border:0;}
			tr {text-align:center;}
		</style> 
	</head>

	<body bgcolor="#FFFFFF">
     <font color="#000066" size="2" face="Arial, Helvetica">A l'attention de</font>  <font color="red" size="3" face="Arial, Helvetica"><b>%Prenom% %Nom%</b></font><br/><br/>
		<table width="650" border="0" align="center" cellspacing="0" cellpadding="0">
			<tr style="text-align:center;">
				<td colspan="5"><font color="#000066" size="2" face="Arial, Helvetica">Si vous ne parvenez pas ?lire cet email, vous pouvez le visualiser&nbsp;<a href="http://www.produit-antinuisible.com/">gr&#37385;e ?ce lien</a><br/><br/></font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="#000066" size="2" face="Arial, Helvetica">Cher clients, toute l'&#38301;uipe de produit antinuisible vous remercie de votre fid&#38296;it? Pour cela nous vous offrons une remise de <font color="red" size="4" face="Arial, Helvetica"><b>5%</b></font>.</font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="#000066" size="2" face="Arial, Helvetica">Il suffit de rentrer le code suivant dans votre prochaine commande: &nbsp;&nbsp;&nbsp;<font color="red" size="4" face="Arial, Helvetica"><b>avantage</b></font></font><br/><br/></td>
			</tr>
			<tr align="center">
				<td colspan="5"><a style="text-decoration:none; border:0;" href="http://www.produit-antinuisible.com/"><img  src="http://membres.lycos.fr/zigzag87/images/index_01.jpg" width="650" height="136" alt="" style="border:0"></a></td>
			</tr>
			
			<tr align="center">
				<td colspan="5"><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_02.jpg" width="650" height="26" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td colspan="5" border="0">
					<table border="0" align="center" cellspacing="0" cellpadding="0">
						<tr>
							<td rowspan="2"><a href="http://www.produit-antinuisible.com/gel-anti-cafards-maxforce-prime.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_03.jpg" width="277" height="369" alt="" style="border:0"></a></td>
							<td>
								<table border="0" align="center" cellspacing="0" cellpadding="0">
									<tr>
										<td><a href="http://www.produit-antinuisible.com/special-pack-anti-cafards-et-blattes.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_04.jpg" width="185" height="194" alt="" style="border:0"></a></td>
										<td><a href="http://www.produit-antinuisible.com/pack-souris.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_05.jpg" width="188" height="194" alt="" style="border:0"></a></td>
									</tr>
									<tr>
										<td><a href="http://www.produit-antinuisible.com/pack-complet-anti-puces-punaises.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_06.jpg" width="185" height="175" alt="" style="border:0"></a></td>
										<td><a href="http://www.produit-antinuisible.com/pack-rat.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_07.jpg" width="188" height="175" alt="" style="border:0"></a></td>
									</tr>
								</table>
							</td>
						</tr>
						
					</table>
				</td>
			
			</tr>
			
			<tr align="center">
				<td colspan="5"><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_08.jpg" width="650" height="75" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td><a href="http://www.produit-antinuisible.com/notre-gamme-anti-rongeurs.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_09.jpg" width="222" height="42" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/nos-desinfectants-pro.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_10.jpg" width="203" height="42" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/materiel-traitement.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_11.jpg" width="225" height="42" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_12.jpg" width="222" height="41" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/repulsifs.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_13.jpg" width="203" height="41" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_14.jpg" width="225" height="41" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td><a href="http://www.produit-antinuisible.com/anti-pigeons.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_15.jpg" width="222" height="43" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/nos-postes-appatage.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_16.jpg" width="203" height="43" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/nos-tarifs-grossistes.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_17.jpg" width="225" height="43" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td><a href="http://www.produit-antinuisible.com/anti-taupes.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_18.jpg" width="222" height="54" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_19.jpg" width="203" height="54" alt="" style="border:0"></a></td>
				<td colspan="2"><a href="http://www.produit-antinuisible.com/nos-tarifs-a-export.htm"><img src="http://membres.lycos.fr/zigzag87/images/index_20.jpg" width="225" height="54" alt="" style="border:0"></a></td>
			</tr>
			<tr align="center">
				<td colspan="5"><a href="http://www.produit-antinuisible.com/"><img src="http://membres.lycos.fr/zigzag87/images/index_21.jpg" width="650" height="13" alt="" style="border:0"></a></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Nous sommes une soci&#38304;e specialis&#38289; dans la lutte contre les nuisibles depuis d&#38294;?plusieurs ann&#38289;s.
            <br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Aussi, nous mettons notre professionnalisme ?votre service grace ?des experts de terrain dipl&#39741;&#38303; d'Etat, ayant une longue exp&#38302;ience et un savoir-faire.
			<br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Aujourd'hui, nous vous proposons une gamme professionnelle ?port&#38289; de clics.
			<br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Vous trouverez dans notre boutique tout pour vous d&#38286;arrasser d&#38290;initivement de tous les nuisibles.
			<br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">De la petite souris qui se prom&#37982;e dans votre cuisine en passant par le cafard ou encore le pigeon qui se pose sur votre fen&#38462;re, nous avons tout ce qu'il vous faut.
			<br/><br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="#000066" size="2" face="Arial, Helvetica">Tout ceci est sur notre <a href="http://www.produit-antinuisible.com/">boutique en ligne</a>
			</font></td>
				<tr style="text-align:center;">
				<td colspan="5"><font color="#000066" size="2" face="Arial, Helvetica">Vous pouvez aussi laissez votre commentaire <a href="http://www.produit-antinuisible.com/laisser-vos-commentaires.htm">ici</a>
			<br/><br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Pour tout renseignement, veuillez t&#38296;&#38300;honer au: 01 47 22 13 13
			<br/> </font></td>
			</tr>
			<tr style="text-align:center;">
				<td colspan="5"><font color="orange" size="1" face="Arial, Helvetica">Mentions l&#38291;ales: HYGIENE SERVICES SOLUTIONS - siret : RCS 442 083 051 - n?tva : FR 78 442 083 051,
				176 avenue Charles de Gaulle - 92200 Neuilly sur seine
		    </font></td>
			</tr>
		</table>
	</body>
</html>
Salut,

Dans la plupart des webmails et autres lecteurs de mails, cette fonction de masquage d'images a été implémentée pour des raisons de sécurité. En effet, il est facile de mettre un script PHP dans la source d'une image, et donc récupérer pas mal d'infos au moment ou l'internaute lit le mail en question.

C'est pour éviter ce genre de pratique que les images sont désactivées par défaut dans les plupart des logiciels/webmails. Ce n'est donc pas désactivable par l'envoyeur.
Peut-être les as-tu mis dans tes expéditeurs de confiance ?

Par exemple, sur Gmail tu peux choisir de "Toujours afficher les images" d'un expéditeur donné.
autre solution mettre les images encodé en 64. Tu récupère l'image en flux (en ouvrant le fichier en php au format binaire), tu encodes le flux avec base64_encode (un truc comme ça, regarde dans la doc php Smiley langue )

et après tu écris comme ceci :

<img alt="Embedded Image" 
 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />


Par contre le poids de email sera énorme...

P.S :Sinon pour info sur gmail je ne reçois jamais des images sans les autorisations.
Arf, c'est un peu plus compliqué que ça.

Le mail doit avoir un content type approprié et les images doivent être à la fin du mail...

voir ici