28172 sujets

CSS et mise en forme, CSS3

Probleme de Gmail newsletter avec des cadres autour des images

Bonjour,
recemment j ai fait une newsletter avec photoshop
je me suis envoye moi meme sur plusieur email, tout marche bien (yahoo msn ..)
sauf sur gmail, les images sont encadres par une bordure blue ou violet, je veu kil soit transparent..

voivi le code et l image avec sur gmail

<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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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=""></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>
upload/21902-cadreAutou.jpg
Modifié par zigzag87 (27 May 2009 - 14:21)
j ajoute que sur yahoo ya le meme probleme aussi


par contre la je l ai envoyer avec un logiciel specialise pour des campagne de publicite massive

si je prend le code et je l envoi depuis mon hotmail vers yahoo ca marche

sur gmail en hotmail ou en logiciel spe dans les 2 cas ca affiche les cades
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif
Salut,

C'est un comportement normal sur ces webmails étant donné qu'ils suppriment tout le contenu de la balise head, donc ta balise style avec.
Tu peux soit essayer de mettre cette balise style dans le body, soit mettre le style "en ligne" directement dans la balise img (mais du coup à répéter pour toutes tes images), soit mettre l'attribut border de la balise img à 0 (à répéter également sur toutes les images).
Sujet clos
Aller à