Cellen groter dan dat ik ze wil hebben

[posttoast]

Ik ben een beetje aan het klooien met een site, maar het vreemde is dat wanneer ik een plaatje in een cel zet, deze cel net even wat groter wordt dan het plaatje.

In de breedte maakt dat mij niet uit, dat moet zelfs, maar in de hoogte wil ik dat niet.

Een beetje een vaag verhaal, daarom ter verduidelijking deze link:

Test site

De plaatjes doen het nu niet, maar dat maakt voor mijn vraag even niet uit, je kunt duidelijk zien dat de cellen te groot zijn.

edit:

nog even ter verduidelijking: het gaat om alle "kopjes" van die vakjes, twee ervan heb ik even geel gemaakt om het duidelijker te maken.

[Verwijderd]

let op het gebruik van cellspacing en cellpadding.
Probeer de waarden hiervan op 0 te zetten.

Een table zal altijd de afmetingen nemen van het grootste object wat is geplaatst in een table.

[posttoast]

Op zaterdag 16 februari 2002 16:00 schreef prod_2 het volgende:
let op het gebruik van cellspacing en cellpadding.
Probeer de waarden hiervan op 0 te zetten.

cellpadding staat op 0, cellspacing op 1 maar dat zou niets uit mogen maken. Als ik hem op 0 zet blijft het probleem hetzelfde trouwens...

Sorry voor de topiquetitel overigens, daar had [HTML] voor gemoeten.

[Verwijderd]

code:

<table border="0" cellpadding="0" cellspacing="1" bgcolor="black" width="185">
        <tr>
         <td bgcolor="yellow" align="center">
          [img]"pictures/kopje_fotovdweek.gif"[/img]">

vanwaar width="185" ?

[Verwijderd]

Tussen <img> en </td> in je source staat een harde return (je begint een nieuwe regel.

Oplossing 1: zet </td> direct na <img>

Oplossing 2: zet een <br> achter <img>

Ik gebruik altijd het tweede trouwens

[Verwijderd]

volgens mij los je dit op door alles op een regel te zetten, anders bouwt ie er spaties tussen

code:

<table>
  <tr>
    <td>[img]"lalalalala"></td>
[/img]
</table>

[posttoast]

Op zaterdag 16 februari 2002 16:06 schreef prod_2 het volgende:

code:

Hier een hoop layout verpestende code die ik
maar even achterwege laat!

vanwaar width="185" ?

Omdat die cel 185 pixels breed moet zijn.

Op zaterdag 16 februari 2002 16:07 schreef Cheatah het volgende:
Tussen <img> en </td> in je source staat een harde return (je begint een nieuwe regel.

Oplossing 1: zet </td> direct na <img>

Oplossing 2: zet een <br> achter <img>

Ik gebruik altijd het tweede trouwens

Op zaterdag 16 februari 2002 16:10 schreef mophor het volgende:
volgens mij los je dit op door alles op een regel te zetten, anders bouwt ie er spaties tussen

code:

<table>
  <tr>
    <td>[img]"lalalalala"></td>
[/img]
</table>

Jullie hebben gelijk, het werkt! Wel raar hoor, ik was in de veronderstelling dat harde returns niets doen, en dat er alleen maar naar de code gekeken werd (dus alleen naar de <br>'s bijvoorbeeld).

[Verwijderd]

Technisch gezien is het wel logisch hoor

code:

Tekst.
Tekst.

zou worden gerendered als:

code:

Tekst.Tekst.

in plaat van het correcte

code:

Tekst. Tekst.

Het is IMHO dus geen bug, maar een juiste oplossing.
Het enige wat een browser zou kunnen doen, is kijken of na de harde return in de source een block-level afsluit-tag staat