Stefan Neumann: Bildausrichtung in Tabellenzelle

Hallo,
wenn man sich das ff. in einem Browser anguckt, hat das Bild in der ersten Zelle einen gewissen Abstand nach unten, während die beiden Bilder in der zweiten Spalte oben anliegen.

  
<table>  
	<tr>  
		<td>  
			<img src="blue.png"/>  
		</td>  
		<td>  
			<img src="blue.png"/>  
			<img src="blue.png"/>  
		</td>  
	</tr>  
</table>  

Dadurch erscheinen sie leicht versetzt voneinander. Hat jmd eine Ahnuung warum das so ist und was man dagegen tun kann?
(blue.png ist ein 16*16 Bildchen)

  1. Hi!

    wenn man sich das ff. in einem Browser anguckt, hat das Bild in der ersten Zelle einen gewissen Abstand nach unten, während die beiden Bilder in der zweiten Spalte oben anliegen.

    FAQ-Frage: Woher kommen die Lücken zwischen meinen Bildern in der Tabelle?

    Lo!

  2. Om nah hoo pez nyeetz, Stefan Neumann!

    Du möchtest Tabellen nicht zum Layouten missbrauchen.

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
  3. @Matthias
    Diese Doktrin ist mir bekannt. Nichtsdestotrotz gibt es in HTML keinen besseren Weg Dinge nebeneinander zu kriegen. Die Elemente sitzen tief verschachtelt in mehreren Widgets inmitten haufenweise auch JS-erzeugtem CSS. Ich hab es mit der reinen CSS-Lehre versucht: Es ist schlicht unzumutbar. Eine Tabelle löste alle meine Probleme in einer halben Stunde, woran ich schon den ganzen Tag umsonst herumgeschraubt hatte.

    @dedlfix
    Danke für den Hinweis. Dass heisst also für einen Browser ist ein einzelnes Bild kein Inline-Content, zwei aber schon! Das ist in meinen Augen schlicht ein Bug. Tatsächlich hilft es wenn man in der ersten Spalte schlicht ein non-breakable-space einfügt.