[html] <img> vergroot <td>

[Verwijderd]

Ik heb in html een table gemaakt die helemaal op de pixel precies is uitgelijnd. Ik heb daar in twee table-data's naaste elkaar ieder 20 pixels hoog. Een balk van 20 hoog die uit twee helften bestaat:

code:

<td class="updated" width="164" height="20" align="left" valign="middle">
  &nbsp;&nbsp;07-10-2002
</td> 
<td class="options" height="20" valign="top">
contents
</td>

in de class updated staat background-image: url("img.jpg"); deze is 20px hoog, dus dat past precies.

Nu voeg ik in het rechter deel drie plaatjes toe, doormiddel van de <img> tag. Deze drie plaatjes zijn ook ieder 20px hoog.

code:

<td class="updated" width="164" height="20" align="left" valign="middle">
  &nbsp;&nbsp;07-10-2002
</td> 
<td class="options" height="20" valign="top">
  [img]"opt_menu0.jpg"[/img] 
  [img]"opt_title0.jpg">
[/img] 
</td>

Nu word echter de balk waar ze instaan een pixel of 4 groter. Ik snap echter niet waarom. Alles zou moeten passen.

Wat ik geprobeerd heb en niet hielp:
- border="0" in de <img> tags zetten.
- de <tr> waar de <td>'s instaan 20 hoog gemaakt.
- in de class options neergezet: margin-top: 0; en margin-bottom: 0;

Meer kwam er eigenlijk niet in me op...
iemand enig idee???

[crisp]

Ik begin meestal een tabel standaard met:

code:

<table border=0 cellspacing=0 cellpadding=0>

Ik denk dat dit jouw probleem ook wel oplost...

[Verwijderd]

IMG { border : 0; }
TABLE { border-collapse : collapse; }
TD { margin : 0; border : 0 }

en dan staat er vast al wat overbodigs in

[Verwijderd]

een bekend probleem, probeer dit eens, toevoegen aan de img tag

code:

style="display:block;

[Hangloozz]

en anders newlines vermijden binnen je TD:

code:

<td class="options" height="20" valign="top">[img]"opt_menu0.jpg"><img[/img][img]"opt_info0.jpg"></td[/img]

[crisp]

Op woensdag 10 juli 2002 15:41 schreef Shadow3333 het volgende:
een bekend probleem, probeer dit eens, toevoegen aan de img tag

code:

style="display:block;

Oh ja, die stomme enters in de source; ik kijk er altijd weer overheen (heb mezelf ook al aangeleerd om alles tussen <td> en </td> op 1 lijn te zetten).

[Verwijderd]

Op woensdag 10 juli 2002 15:42 schreef Hangloozz het volgende:
en anders newlines vermijden binnen je TD:

code:

<td class="options" height="20" valign="top">[img]"opt_menu0.jpg"><img[/img][img]"opt_info0.jpg"></td[/img]

Dit is inderdaad de oplossing. Maar dat slaat toch nergens op??? Wat is het idee hierachter? Zowel IE als Mozilla hebben er last van. Ik vind het wel lastig want ik had het wat versimpeld weergegeven. Mijn regel is nu ongeveer 711 karakters lang.. niet erg netjes

[Verwijderd]

Op woensdag 10 juli 2002 15:43 schreef crisp het volgende:

[..]

Oh ja, die stomme enters in de source; ik kijk er altijd weer overheen (heb mezelf ook al aangeleerd om alles tussen <td> en </td> op 1 lijn te zetten).

hoeft toch niet per se? Voor zover ik weet wordt er ook niets verkeerd geïnterpreteerd wanneer je een wat 'alternatieve' afbreekwijze toepast

code:

<td><a href="blaat.html"
target="_blank">Dit</a> zou niet voor
problemen moeten
zorgen.</td>

_Toch?

[Verwijderd]

blijkbaar wel.

code:

<td>
  <a> <img> </a>
  <a> <img> </a>
  <a> <img> </a>
</td>

doet dus wat anders dan:

code:

<td><a><img></a><a><img></a><a><img></a></td>

[off-topic edit]Ja FOOL, ik ga ook :)[/off-topic edit]

[André]

Op woensdag 10 juli 2002 15:50 schreef FoOL het volgende:

[..]

hoeft toch niet per se? Voor zover ik weet wordt er ook niets verkeerd geïnterpreteerd wanneer je een wat 'alternatieve' afbreekwijze toepast

code:

<td><a href="blaat.html"
target="_blank">Dit</a> zou niet voor
problemen moeten
zorgen.</td>

_Toch?

Aaaaargh, dan heb je sourcecode ala frontpage...

[Verwijderd]

Op woensdag 10 juli 2002 15:49 schreef unteraarsch het volgende:
Zowel IE als Mozilla hebben er last van.

waar ze last van hebben is dat ze de regels perfect interpreteren

[Verwijderd]

Op woensdag 10 juli 2002 15:56 schreef Shadow3333 het volgende:
[..]
waar ze last van hebben is dat ze de regels perfect interpreteren

leg dit eens uit! ik zie niet in waarom ie dat zou doen.

[Verwijderd]

<sub>[quote]
Op woensdag 10 juli 2002 15:53 schreef unteraarsch
[off-topic edit]Ja FOOL, ik ga ook :)[/off-topic edit]
[/quote]

Hehe, je bent de eerste die erop reageert Je komt naar allebei?</sub>

Op woensdag 10 juli 2002 15:54 schreef Yogho het volgende:

[..]

Aaaaargh, dan heb je sourcecode ala frontpage...

Ik geef maar een voorbeeld hoor Er zijn best elegante punten te bedenken om je regels af te breken

[Verwijderd]

kleine uitbreiding, je kan het probleem ook tackelen door deze link te volgen.

en hier staat jouw probleem uitgelegd, de CSS 2 specificatie defineerd niet precies de regels, maar zijn IE en Mozilla het iig hier over eens (en dat is prettig zou ik zeggen)

en nog een link, van een Mozilla developer en zijn uitleg over het 'inline box model'.