Afbeeldingen centreren binnen cel (tabel)

[Dave0512]

Goeiemiddag iedereen,

Ik heb een tabel met redelijk wat informatie. (Het gebruik van een tabel is dus niet overbodig.) In 1 van de cellen zou ik graag een kleine foto toevoegen. Dit lukt zonder probleem maar de ruimte boven en onder de foto is niet gelijk (binnen die cel).

Hoe kan ik die ruimte gelijk krijgen? Zodat de foto mooi in het midden van zijn cel staat?

Dank jullie wel!

David

[kweezie wabbit]

Handleiding HTML - CSS en tabellen - Uitlijnen celinhoud

[leroy]

Standaard lijnt een tabel precies in het midden uit (aan de boven en onderkant dus evenveel ruimte). is dit niet het geval, dan staat er iets niet goed in je CSS.

de TD of de IMG tag heeft dan een margin of een padding.

dit kun je verhelpen door bijvoorbeeld het plaatje de volgende code mee te geven.

<img src="link.jpg" style="margin:0px; padding:0px;" />

Wat ook kan is dat de TD tag dit heeft. Dan kun je dat ook daar aan meegeven.

<td style="margin:0px; padding:0px;">
<img src="link.jpg" style="margin:0px; padding:0px;" />
</td>

Dit zou het echt moeten verhelpen. alignment aan de linker en rechterkant van een plaatje moet je wel zelf invullen maar dat kan ook op 2 manieren.

1.

<td align="center">
hier het plaatje
</td>

of

2.

<td>
<img src="link.jpg" style="margin:0 auto" />
</td>

Met de eerste mogelijkheid wordt ALLES in de cel in het midden geplaatst.

Met de tweede mogelijkheid wordt alleen het plaatje d.m.v. CSS in het midden geplaatst (beter bij google door XHTML programmeren te gebruiken).

Groeten,

Leroy