Jean-Luc: Element innerhalb einer Tabelle ausrichten.

Servus,

jetzt reicht's mir. Hat von Euch jemand eine Idee wie ich bei
folgender Tabelle, im unteren Teil den Text ein bisserl (ein paar
Pixel) einrücken kann (nicht mit  ).

<HTML>

<HEAD>

</HEAD>

<BODY>

<table WIDTH=100% HEIGHT=100% border="1">
   <TR>
    <TD height="*">Text oben</TD>
   </TR>

<TR>
    <TD HEIGHT="*" style='vertical-align:bottom;'><b>Text unten</b></td>
   </TR>
  </TABLE>

</BODY>

</HTML>

Vielen Dank
Gruß

Jean-Luc

  1. jetzt reicht's mir. Hat von Euch jemand eine Idee wie ich bei
    folgender Tabelle, im unteren Teil den Text ein bisserl (ein paar
    Pixel) einrücken kann (nicht mit  ).

    Hallo,

    z.B. so:

    <html>
    <head></head>
    <body>
    <table width="100%" height="100%" border="1">
    <tr>
    <td height="0" colspan="2">Text oben</td>
    </tr>
    <tr>
    <td height="*" width="5"></td>
    <td height="*" style="vertical-align:bottom;"><b>Text unten</b></td>
    </tr>
    </table>
    </body>
    </html>

    ist zwar nicht sehr schön, weil sicb die Tabelle verschachtelt, aber wenn du nich zu viel einrücken willst, gehts.

    Du könntest natürlich auch versuchen, denn Abstand per CSS zu formatieren, aber ich weiß nicht, ob es geht, dass sich das nur auf eine Zelle auswirkt.

    grüße,
        Elisabeth

    1. Hi Elisabeth,

      vielen Dank fuer Deine Antwort, doch moechte ich eine
      "elegantere" Lösung. Es gibt ja eine ganze Menge mit
      "margin", "align", "cellpadding" usw. Doch irgendwie
      bekomme ich das einfach nicht hin.

      Gruß
      Jürgen Schneider

  2. Hi,

    mit CSS Definitionen koenntest Du es mal folgendermassen versuchen, sollte eigentlich gut gehen:

    -----------snip----------
      <table WIDTH=100% HEIGHT=100% border="1">
        <TR>
         <TD height="*">Text oben</TD>
        </TR>

    <TR>
         <TD HEIGHT="*" style='vertical-align:bottom;'><div style="position:relative; left:10px;"><b>Text unten</b></div></td>
        </TR>
       </TABLE>
    -----------snip----------

    Gruss, Mel

    1. Hi Mel,

      super, genau das habe ich gesucht.

      Vielen Dank (auch an alle anderen)

      Gruß
      Have a nice day

      Jean-Luc

  3. Hallo, kannst Du mit einer Tabelle ohne Border mit zwei Spalten in der unteren Reihe leben, so etwa:

    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    <table WIDTH=100% HEIGHT=100% border="1">
    <TR>
    <TD  height="*">
    Text oben
    </TD>
    </TR>
    <TR>
    <TD HEIGHT="*" style='vertical-align:bottom;'>
    <Table Border ="0">
    <TR>
    <TD width="50">
     
    </TD>
    <TD>
    <b>
    Text unten
    </b>
    </TD>
    </TR>
    </TABLE>
    </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    Gruß Martin

  4. Hi,

    probiers mal mit:

    <td style="padding-left:4px;vertical-align:bottom;">Text</td>

    Mit padding-left kannst du den Abstand zum linken Rand des Tabledata festlegen.

    Hope it helps,
    EE