IE TD te veel tussenruimte
Heeft er iemand hier een idee om dit op te lossen?
<tr>
<td class="no_padding ">
<img src="left.jpg" width="394" height="567"></img>
</td>
<td class="no_padding ">
<img src="right.jpg" width="394" height="205"></img>
</td>
</tr>
In elke browser plakt hij de 2 plaatjes naar elkaar, alleen in IE zit er een gap van 200pixels tussen.
Heeft iemand hier een fix voor?
Overigens de </img> is niet nodig en kan weg.
Probeer met F12 uit te vinden welk element de gap veroorzaakt.
Nu werkt hij in alle browsers, alleen nog niet in elke mailclient wordt hij goed weergegeven -_-
Heb je wel table, td, tr nodig? Kan het niet met <span>?
Er zijn natuurlijk aardig wat e-mailclients en wat ik zelf merk ik dat deze nog houden van de oldskool manier met tabellen. Wellicht is dit achterhaalt, maar dan hoor ik graag meer over jouw ervaring hierover :)
Ik weet niet of er buiten deze ene regel nog meer regels zijn/waren die in tabelvorm moeten worden opgemaakt. Als dat zo is, dan kan table heel goed.
En was het niet beter om alle stijlen inline te regelen voor maximale compatibiliteit?
IE had het (vroeger?) ook, als je afbeeldingen luchtdicht wilde verpakken in een tabel had je altijd een spatie achter de afbeelding. Dit kon/kun je verhelpen door een float: left; toe te passen op de afbeeldingen.
De afbeeldingen zelf dienen natuurlijk ook ontdaan te worden van enige mogelijke border, margin en/of padding uiteraard.
.no_padding{padding:0px}
De table width is 600px; zouden de afbeeldingen dus ook gedwongen moeten worden om tegen elkaar aan te staan. Ik heb het ook geprobeerd met een float:left, alleen wordt dit (mijn ervaring) niet opgepakt door Outlook. (hotmail) daarin tegen wel.
Ook heb ik dit margin en padding op 0 gezet en is de border ook 0.