Tabelle: Wie Grafik nach Text in Spalte rechtsbündig ausrichetn?

[Jürgen Ritzau]

Hallo,

der unten stehende Code zeigt das Problem(chen), mit dem ich zu kämpfen habe:
Ein langer Text in einer Spalte der Tabelle vergrößert alle Zeilen dieser Spalte.
Damit könnte man leben, Problem ist nur, dass nun im kurzen Text der 1. Zeile die nachfolgende Grafik nicht rechtsbündig angeordnet ist.

Hat jemand eine Tipp parat, wie man die Grafik in jedem Fall rechtsbündig ausrichten kann?

Schonmal Dank für jede Hilfe!

Gruß

Jürgen Ritzau

Beispiel:

<TABLE>
  <TR BGCOLOR="#DBDBDB">
    <TD WIDTH="200">
      <TABLE WIDTH="200">
        <TR>
          <TD width="187"><B>Kurzer Text</B></FONT></TD>
          <TD width="13"><A HREF="http://www.web.de/"><img src="x.gif" width="13" heigt="11" border="0" alt="zeigen"></A></TD>
        </TR>
      </TABLE>
    </TD>
  </TR>
  <TR BGCOLOR="#DBDBDB">
    <TD WIDTH="200">
      <TABLE WIDTH="200">
        <TR>
          <TD nowrap><B>Problem: Durch lange Ueberschrift verbreitert Spalte zeigt Grafik 1. Zeile nicht rechtsbuendig</B></td>
          <TD align="right"><A HREF="http://www.web.de/"><img src="x.gif" border="0" alt="zeigen"></A></TD>
        </TR>
      </TABLE>
    </TD>
  </TR>
</TABLE>

</body>
</html>

[Christian Kruse]

Hi,

Ein langer Text in einer Spalte der Tabelle vergrößert alle
Zeilen dieser Spalte.

Ne, nicht wirklich - dein Problem bezog sich eher darauf, das
du eine Tabelle in einer Spalte hast, die wiederum 2-Spaltig war.
Du wolltest, soweit ich es mitbekommen habe, das Bild ganz rechts
haben - das war es auch, nur nicht in der übergeordneten Tabelle ,)

Hat jemand eine Tipp parat, wie man die Grafik in jedem Fall
rechtsbündig ausrichten kann?

Klar - pack das ganze einfach in eine Tabelle, z. B. so:

<table>
<tr bgcolor="#DBDBDB">
  <td>
   <b>Kurzer Text</b>
  </td>
  <td align="right">
   <a href="http://www.web.de/"><img src="x.gif" width="13" heigt="11" border="0" alt="zeigen"></a>
  </td>
</tr>
<tr bgcolor="#DBDBDB">
  <td nowrap>
   <b>Problem: Durch lange Ueberschrift verbreitert Spalte zeigt Grafik 1. Zeile nicht rechtsbuendig</b>
  </td>
  <td align="right"><a href="http://www.web.de/"><img src="x.gif" border="0" alt="zeigen"></a>
  </td>
</tr>
</table>

mfg
CK1

P.S.: kleiner Tip am Rande: wenn du irgendwelche Probleme mit
Tabellen hast, dann stell einfach mal einen Rahmen mit z. B.
border="2" oder so ein, dann kann man sich mal genau ansehen, wie
die Tabelle aussieht und damit vergleichen, wie sie aussehen SOLL ,)
Erleichtert ungemein die Fehlersuche ,)

[Jürgen Ritzau]

Christian,

zunächst vielen Dank für Deine schnelle Antwort.

Ne, nicht wirklich - dein Problem bezog sich eher darauf, das
du eine Tabelle in einer Spalte hast, die wiederum 2-Spaltig war.
Du wolltest, soweit ich es mitbekommen habe, das Bild ganz rechts
haben - das war es auch, nur nicht in der übergeordneten abelle ,)

Korrekt, mein Problem ist aber, dass ich es eben gerade in dieser verschachtelten Tabellenstruktur 'hinbekommen' muß, der gepostete Code des Problems zeigt nur beispielhaft einen kleiner Ausschnitt aus einer umfangreicheren Seite, welche verschachtelte Tabellen enthält.

P.S.: kleiner Tip am Rande: wenn du irgendwelche Probleme mit
Tabellen hast, dann stell einfach mal einen Rahmen

Sorry, hatte bei meinen eigenen Experimenten oft border="1" gesetzt, beim Posten hier hab ich es unterschlagen.

Gibt es für mein Problem eine Lösung?

Vielen Dank für jeden Tipp!

Gruß
Jürgen

[n.d. parker]

auch hallo

also bei funktioniert das:

<table>
<tr bgcolor="#DBDBDB">
<td>
  <table width="100%">
  <tr><td><b>Kurzer Text</b></font></td>
   <td align="right"><a href="http://www.web.de/"><img src="x.gif" width="13" height="11" border="0" alt="zeigen"></a></td></tr>
  </table></td></tr>
<tr bgcolor="#DBDBDB">
<td width="200">
  <table width="200">
  <tr><td nowrap><b>Problem: Durch lange Ueberschrift verbreitert Spalte zeigt Grafik 1. Zeile nicht rechtsbuendig</b></td>
   <td align="right"><a href="http://www.web.de/"><img src="x.gif" width=13 height=11 border="0" alt="zeigen"></a></td></tr>
  </table></td></tr>
</table>

ich weiss nicht, ob es in jedem fall funktioniert, aber getestet mit ie5 und nn4.7 laeufts (win98)
aber auch von mir ein kleiner tip - in solchen faellen reduziere ich lieber meine tabellen und arbeite lieber mit sachen wie colspan und rowspan -> ist zaw umstaendlicher und auch aufwaendiger zu pflegen, aber man kann sich drauf verlassen :-)

cua

n.d.p.