Vragen over een table

[Eefjuh]

Dit is een table die bij mij bij het forum word gebruikt, toch snap ik er de ballen van...

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">&nbsp;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">&nbsp;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">&nbsp;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?

[Eefjuh]

OKeej mensen ik heb nu echt alles geprobeerd, echt ALLES staat in 22..


Toch krijg ik dit nog als resultaat:

http://www.birdplanet.nl/speeltjes/menu.htm
(het zoekmenu is daar langer dan het hoort te zijn, niet op letten aub )

Het vervelende is dat er onder elk plaatje dus 3 pixels word gestopt en het menu dus nu onnodig 45 px gecreeerd...

45 pixels is gewoon 2 menudingen, en die heb ik hard nodig, ik wil ook geen scroll..


Overigens is het een php vraag Hij staat dan nu nog in HTML maar er word op dit moment gewerkt aan en winkelwagen systeem in PHP door een vriend van me die ook niet snapt waar die pixels vandaan komen...


Iemand?!?!?!