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

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>

  1. 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 ,)

    1. 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

  2. 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.