Beste Leden,

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?
Ik heb er geen last van.
Overigens de </img> is niet nodig en kan weg.

Probeer met F12 uit te vinden welk element de gap veroorzaakt.
Bedankt voor je antwoord Jan. Ik heb het opgelost door er een table omheen te zetten met wat waardes.

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 :)
Het ligt eraan wat je wilt bereiken.
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.
Wat zit er precies in de klasse no_padding?
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.
Hallo Thomas,

.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.

Reageren