ruimte onder afbeelding in cel tabel

[Verwijderd]

Ik heb deze post eerder geplaats en ben er eindelijk achter gekomen hoe het kan dat er in Internet Explorer ruimte onder een afbeelding in een tabel komt:

Er zit een BUG in IE. Je kan deze bug omzeilen door er voor te zorgen dat de <td></td> tags met alles er tussen op een regel staan dus GEEN nieuwe regel beginnen voor </td> voorbeeld:

dit gaat goed:
<table>
<tr>
<td><a href="">[img]""[/img]</a></td>
</tr>
</table>

en dit gaat fout:
<table>
<tr>
<td>
<a href="">[img]""[/img]</a>
</td>
</tr>
</table>

Heer raar maar echt waar (overigens doet het probleem zich niet voor in Safari en Firefox!)

[ Voor 22% gewijzigd door Verwijderd op 15-12-2004 01:38 ]

[ZeilDude]

Dat klopt inderdaad. Leuk laat je dat je het laat weten, maar meestal worden hier vragen gesteld.

Oh ja, strakjes gaan de puristen vertellen dat je geen afbeeldingen in een cel moet zetten, omdat je content en layout hoort (van hen: moet) scheiden.

[Superdeboer]

code:

<img src="blaat" width="blaat" height="blaat" style="display: block; border: 0;">

... ervan maken, dan is het goed.

---

Overigens zou het inderdaad beter zijn als je een divje met background-image zou gebruiken, maar goed, iedereen begint uiteindelijk zoals jij denk ik... dus niemand van die puristen hoeft zich Roomser dan de Paus voor te doen.

[XangadiX]

klopt, ik ben de bug heel erg lang geleden tegen gekomen in een stukje door fireworks gegenereerde code. Gelukkig is hij tegenwoordig uitstekend te omzeilen, maar het is inderdaad een hele gaere bug

ik meende dat

<table>
<tr>
<td>
<a href="">[img]""[/img]
</a>
</td>
</tr>
</table>

weer wel werkte, maar dat zou ik morgen even moeten checken

trouwens, waarom width, height en border als je er niks inzet?

overigens wil je doctyping dit soort dingen ook nog wel eens voor je oplossen (die geeft namelijk aan hoe de browser naar je code gaat kijken)

[ Voor 85% gewijzigd door XangadiX op 15-12-2004 02:33 ]

[Woudloper]

XangadiX schreef op woensdag 15 december 2004 @ 02:29:
[...]

HTML:

<table>
<tr>
<td>
<a href="">[img]""[/img]
</a>
</td>
</tr>
</table>

[...]

trouwens, waarom width, height en border als je er niks inzet?

Verder vraag ik mij af waarom je een lege source en href gebruikt. Verder kan je ook nog je cellpadding/spacing op '0' zetten, daar staat deze namelijk niet default op...

O, en had de TS hier gisteren ook al niet een topic over geopend?

[Willem]

Exact, topics (her)openen is not-done. Daarnaast blijft dit basic.