Element innerhalb einer Tabelle ausrichten.
Jean-Luc
- html
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
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
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
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
Hi Mel,
super, genau das habe ich gesucht.
Vielen Dank (auch an alle anderen)
Gruß
Have a nice day
Jean-Luc
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
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