IE TD te veel tussenruimte

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jan Graneker

Jan Graneker

15/06/2016 11:47:29
Quote Anchor link
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?
 
PHP hulp

PHP hulp

18/12/2024 22:05:46
 
Jan de Laet

Jan de Laet

15/06/2016 12:19:29
Quote Anchor link
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.
 
Jan Graneker

Jan Graneker

15/06/2016 12:39:05
Quote Anchor link
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 -_-
 
Jan de Laet

Jan de Laet

15/06/2016 12:42:50
Quote Anchor link
Heb je wel table, td, tr nodig? Kan het niet met <span>?
 
Jan Graneker

Jan Graneker

15/06/2016 12:47:12
Quote Anchor link
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 :)
 
Jan de Laet

Jan de Laet

15/06/2016 13:32:49
Quote Anchor link
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.
 
Thomas van den Heuvel

Thomas van den Heuvel

15/06/2016 14:06:32
Quote Anchor link
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.
 
Jan Graneker

Jan Graneker

15/06/2016 14:58:02
Quote Anchor link
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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.