Klaus Junge: Tabellen und Bilder und Lücken, Versuchsergebnisse

Beitrag lesen

Hallo Alle,

diese Lücken in den Tabellen nerven ja langsam
und verstanden habe ich anscheinen noch nichts.
Vielleicht führen Versuche ja weiter.

<HTML>
<HEAD>
  <TITLE>...</TITLE>
</HEAD>
<BODY>

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
   <TR>
    <TD BGCOLOR="#FF0000"> </TD>
    <TD BGCOLOR="#00FF00"> </TD>
   </TR>
   <TR>
    <TD BGCOLOR="#FF0000"></TD>
    <TD BGCOLOR="#00FF00"></TD>
   </TR>
  </TABLE>

</BODY>
</HTML>

Dieser Konstrukt führt erwartungsgemäß zu nichts Sichtbarem.
Die Leerzeichen alleine werden nicht interpretiert, die Tabellen-
zelle muß schon was 'signifikantes' enthalten.
Ein <BR> alleine in einer einzigen Zelle führt zur Darstellung
eines ganz schmalen Striches von der Höhe eines Buchstaben in
Hintergrundfarbe.
Ein nonbraking_space wird als etwas breiterer Strich gleicher
Höhe dargestellt.
Die Wiederholung von <BR>s vergößert die Höhe der Zelle
erwartungsgemäß. Die Wiederholung von nonbraking_spaces verbreitert
die Zelle entsprechend.

Das Tag ..><IMG SRC="salmi.gif"><.. in einer Tabellenzelle führt
zur Darstellung des Bildes, Hintergrundfarbe wird nicht sichtbar.
Fügt man das Bild in alle Zellen ein, so entsteht eine Kachel
aus den vier Bildern, wie durch BORDER="0" CELLSPACING="0"
CELLPADDING="0" halt beschrieben.

Soweit so gut, der beobachtete Effekt wird so nicht sichtbar.
Um die Spalten zu verbreitern bekommen die oberen Inhalt, in
die unteren kommen die Salmibilder:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
   <TR>
    <TD BGCOLOR="#FF0000">Testzelle</TD>
    <TD BGCOLOR="#00FF00">Testzelle</TD>
   </TR>
   <TR>
    <TD BGCOLOR="#FF0000"><IMG SRC="salmi.gif"></TD>
    <TD BGCOLOR="#00FF00"><IMG SRC="salmi.gif"></TD>
   </TR>
  </TABLE>

Erwartungsgemäß sind die Spalten nun breiter und in den
unteren Zellen sind die Salmis links sichtbar, ohne Lücke.

<TR ALIGN="RIGHT">
<TD BGCOLOR="#FF0000"><IMG SRC="salmi.gif"></TD>
<TD BGCOLOR="#00FF00"><IMG SRC="salmi.gif"></TD>

richtet die Salmis rechts in den Zellen aus, auch ohne
Lücke.

<TR>
<TD BGCOLOR="#FF0000" ALIGN="RIGHT"><IMG SRC="salmi.gif"></TD>
<TD BGCOLOR="#00FF00"><IMG SRC="salmi.gif"></TD>

richtet den linken Salmi rechts ohne Lücke aus, der
rechte klebt an der linken Zellenkante, die Salmis
sind also in der Mitte zusammen. Also auch ok.

Der folgende Konstrukt zeigt aber nun den Lücken-Effekt:

<TR>
<TD BGCOLOR="#FF0000"><IMG SRC="salmi.gif" ALIGN="RIGHT"></TD>
<TD BGCOLOR="#00FF00"><IMG SRC="salmi.gif"></TD>

Erwarten würde ich, daß der linke Salmi in der Zelle rechts
ausgerichtet ist, aber da ist eine Lücke zwischen Salmi und
rechter Zellenkante.
Das ist wohl das was ich beobachtet hatte.
Wenn ich das ALIGN in das TD verschiebe, ist das Salmi wieder
ganz rechts ausgerichtet, ohne Lücke.
Dieser Konstrukt ist aber bei gemischtem Zelleninhalt nicht
unbedingt brauchbar.

Wenn ich nun das IMG-Tag mit der Lücke noch um HSPACE="0"
erweitere, dann ist die Lücke wieder weg!

<TD><IMG SRC="salmi.gif" ALIGN="RIGHT" HSPACE="0"></TD>

Auch
<TD ALIGN="CENTER">*<IMG SRC="salmi.gif" ALIGN="RIGHT" HSPACE="0"></TD>
tut im Prinzip wie erwartet, der Stern in der Mitte, der
Salmi ganz rechts, ohne Lücke. Die Zelle ist allerdings höher.

Der Konstrukt
<TD><IMG SRC="salmi.gif" ALIGN="LEFT"></TD>
sollte ja eigentlich unnütz sein weil der Zelleninhalt ohnehin
links ausgerichtet wird. Allerdings, wenn ich ihn einführe,
dann entsteht auch hier eine Lücke zwischen linkem Zellenrand
und Salmi! Auch hier hilft das HSPACE-Attribut weiter.

Es ist dabei anscheinend unerheblich wiesehr ich die Tabelle
mit Breiten- und/oder Höhenattributen vollpflastere, die Lücke
hängt wohl nur von der Verwendung des ALIGN-Attributs im IMG-Tag
ab und läßt sich systematisch mit dem HSPACE-Attribut korrigieren.
'Cellspanning' habe ich dabei nicht untersucht.

Klaus