Bonjour, voila
j'ai codé un mailing (bidon)
mais il n'apparait pas tout a fait de la meme facon entre ma version local (wamp server)
et apres l'envois (dans mais boite (gmail, yahoo ou autre hotmail)
en effet apparait des marges blanches entre mes table???

ma version locale :
http://www.mortauxmoules.com/test-emailing/local.jpg

ma version messagerie yahoo et autre :
http://www.mortauxmoules.com/test-emailing/yahoo.jpg

et enfon mon code :

<html>
<head>
<title></title>
</head>
<body rightmargin="0" leftmargin="0" topmargin="0">
	<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<table width="600" height="20" border="0" cellspacing="0" cellpadding="0" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:25px;">
					<tr>
						<td height="20" style="font-size:10px;" align="center">
							pour visualiser correctement cet email
							<a href="http://www.monsite.com/test-emailing/index.html" target="blank">
							cliquez ici
							</a>
						</td>
					</tr>
				</table>
				<table height="97" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px;">
					<tr>
						<td height="97" width="198" >
							<img height="97" width="198" border="0" src="http://www.monsite.com/test-emailing/images/gauche-logo.jpg" alt=""/>
						</td>
						<td height="97" width="200" >
							<a href="http://www.monsite.com/" target="blank" style="display:block;" height="134" width="290">
								<img height="97" width="200" border="0" src="http://www.monsite.com/test-emailing/images/logo.jpg" alt="Mon LOGO" />
							</a>
						</td>
						<td height="97" width="202" >
							<img height="97" width="202" border="0" src="http://www.monsite.com/test-emailing/images/droite-logo.jpg" alt=""/>
						</td>
					</tr>
				</table>
				<table height="277" width="600" border="0" cellspacing="0" cellpadding="0" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:40px; color:#58585a;">
					<tr>
						<td height="277" width="600" align="center" >
							<img height="277" width="600" border="0" src="http://www.monsite.com/test-emailing/images/rouge-levre.jpg" alt="Opération rouges à lèvre" />
						</td>
					</tr>
				</table>
				<table width="600" border="0" cellspacing="0" cellpadding="0" style="font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;">
					<tr>
						<td width="50" style="background:#000;">
						</td>
						<td width="500" align="left" style="background:#000; font-size:15px;" >
							Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. 
							Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des 
							morceaux de texte pour réaliser un livre spécimen de polices de texte
						</td>
						<td width="50" style="background:#000;">
						</td>
					</tr>
				</table>
				<table width="600" height="111" border="0" cellspacing="0" cellpadding="0" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:25px;">
					<tr>
						<td height="111" width="197" >
							<img height="111" width="197" border="0" src="http://www.monsite.com/test-emailing/images/gauche-bouton.jpg" alt=""/>
						</td>
						<td height="111" width="201" >
							<a href="http://www.monsite.com/" target="blank" style="display:block;" height="111" width="201">
								<img height="111" width="201" border="0" src="http://www.monsite.com/test-emailing/images/bouton.jpg" alt="cliquez ici" />
							</a>
						</td>
						<td height="111" width="202" >
							<img height="111" width="202" border="0" src="http://www.monsite.com/test-emailing/images/droite-bouton.jpg" alt=""/>
						</td>
					</tr>
				</table>
			<td>
		<tr>
	</table>
</body>
</html>

Pourquoi faire une table pour chaque ligne ?
Utiliser des colspan ne suffirait-il pas ?
Peut-être qu'avec cet attribut tes marges n'apparaîtraient plus...
Modifié par Gothor (09 Apr 2012 - 17:17)
a écrit :
apparait des marges blanches entre mes table

C'est le cas pour Gmail notamment... Il faut utiliser "display:block" sur les éléments concernés.