Vragen over een table
Geplaatst: 19 dec 2005, 01:20
Dit is een table die bij mij bij het forum word gebruikt, toch snap ik er de ballen van...
Zo ziet hij eruit:

Nu is het volgende probleem, de <td>'s kloppen niet. Ik geef toch echt overal een hoogte van 22 aan (zo groot zijn de plaatjes 22x22) maar ondanks dat, klopt het niet, de height word ineens 25.
Heel vreemd, steeds onder de plaatjes geeft ie 3 pixels loze ruimte, en ik kan toch echt niet vinden, waar ik de mist in ga.
Als voorbeeld heb ik even de achtergrond kleur van de td's in het donkergroen van de letters verandert, en zie je dit:

Weet iemand waar deze fout zit? waarom er loze ruimte onder komt te staan?
Code: Selecteer alles
<table width="145" cellspacing="0" cellpadding="5" border="0">
<tr>
<td class="bodyline" width="145">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="top">
<tr>
<td valign="top" width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="top">
<tr>
<td>
<div align="left">
<table width="133" cellspacing="1" border="0" class="forumline" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="21" width="100%">
<p align="center"><span class="cattitle"><b>Informatie</b></p></span>
</td>
</tr>
<tr>
<td align="left" height="22" bgcolor="#DCE7DE" width="22"><img border="0" src="http://www.home.versatel.nl/eefjuh/speeltjes/hout.gif" width="22" height="22">
<td align="left" height="22" bgcolor="#DCE7DE" width="108"><b><span class="genmed"><a href="blaat.htm" target="hoofd"> Hout</a></span></b></td>
</tr>
<tr>
<td align="left" height="22" bgcolor="#DCE7DE" width="22"><img border="0" src="http://www.home.versatel.nl/eefjuh/speeltjes/touw.gif" width="22" height="22">
<td align="left" height="22" bgcolor="#DCE7DE" width="108"><b><span class="genmed"><a href="blaat.htm" target="hoofd"> Touw</a></span></b></td>
</tr>
<tr>
<td align="left" height="22" bgcolor="#DCE7DE" width="22"><img border="0" src="http://www.home.versatel.nl/eefjuh/speeltjes/acryll.gif" width="22" height="22">
<td align="left" height="22" bgcolor="#DCE7DE" width="108"><b><span class="genmed"><a href="blaat.htm" target="hoofd"> Acryl</a></span></b></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
Zo ziet hij eruit:
Nu is het volgende probleem, de <td>'s kloppen niet. Ik geef toch echt overal een hoogte van 22 aan (zo groot zijn de plaatjes 22x22) maar ondanks dat, klopt het niet, de height word ineens 25.
Heel vreemd, steeds onder de plaatjes geeft ie 3 pixels loze ruimte, en ik kan toch echt niet vinden, waar ik de mist in ga.
Als voorbeeld heb ik even de achtergrond kleur van de td's in het donkergroen van de letters verandert, en zie je dit:
Weet iemand waar deze fout zit? waarom er loze ruimte onder komt te staan?