[Résolu] Problème de tableau avec une newsletter

Bonjour,

Je suis en train de faire une Newsletter (en tableau, je préfère éviter CSS à cause des problèmes d'incompatibilités), et j'ai un problème de police :

http://img.rock-hosting.com/view/Presse-papiers-4-u7i/

Code HTML :

<p>
<table border="0" width="601" cellpadding="0" cellspacing="0">
	<tr>
		<td width="10" valign="bottom"><img src="design/header-BTL.png" alt="" valign="bottom"/></td>
		<td bgcolor="#ffffff" height="39">
			<font color="#868686" face="arial" align="center" size="1" align="right">
			You're receiving this newsletter because you bought widgets from us. Having trouble reading this email? View it in your browser. Not interested anymore? Unsubscribe Instantly.
			</font>
		</td>
		<td width="10" valign="bottom"><img src="design/header-BTR.png" alt="" valign="bottom"/></td>
	</tr>
</table>
</p>

L'espace entre les lignes de la police est donc trop espacé, et j'aimerais avoir une solution en HTML pour résoudre ce problème.

Merci
Modifié par Chok71 (14 Apr 2010 - 08:54)

Bonjour,

Les styles internes sont quasiment appliqués partout.
Un style="line-height: 12px;" (valeur arbitraire) devrait faire l'affaire.

Merci, mais il y a vraiment pas une soluce en HTML ?

Aussi, si je veux appliquer un margin ou padding à une image, est ce faisable en HTML (avec une autre technique que le style en ligne) ?

Ça ne sert à rien d'utiliser les éléments (obsolètes) de présentations, le mieux, comme Corinne l'a dit, c'est d'utiliser les styles inline (et de l'html sémantique), c'est ce qu'il y a de plus robuste, on utilisera juste les tableaux pour le colonage.
Modifié par Patidou (13 Apr 2010 - 14:17)

D'après le site CampaignMonitor, il y a des problèmes de compatibilité CSS avec certaines boîtes mail qui pourtant sont assez utilisées (le padding avec Outlook 07, par exemple).

Plus d'infos.
Modifié par Chok71 (13 Apr 2010 - 14:37)

Le padding est effectivement annulé mais il y a moyen de biaiser (ou s'en foutre de la différence).