Seite 1 von 1
Eine Zelle links formatieren, die nächste rechts
Verfasst: Do 21.Feb, 2008 15:45
von Holger
Hallo,
ich möchte die Buttons unter den Beiträgen aufteilen und einen Teil rechts zeigen, den Rest links.
Warum klappt das mit dem folgenden Code nicht:
Code: Alles auswählen
<tr>
<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav"><img src="templates/subSilver/images/up.gif" border="0"> {L_BACK_TO_TOP}</a></span></td>
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
<tr>
<td valign="middle" nowrap="nowrap" align="left"><a href="tum_vs_mm.html" target="_new"><img src="templates/subSilver/images/tum_mm.gif" border="0"></a> </td>
<td valign="middle" nowrap="nowrap" align="right">{postrow.HIDE_IMG} {postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.USER_PIX_IMG} {postrow.ADS_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} {postrow.ICQ_IMG}</td>
</tr>
</table></td>
</tr>
????????????
tum_mm.gif soll links liegen, der Rest rechts.
Liegt es an der übergeordneten Zelle mit class="{postrow.ROW_CLASS}"
????????
Gruss
Holger
Verfasst: Do 21.Feb, 2008 19:29
von oxpus
Dann wäre auch in der Zeile
Code: Alles auswählen
<td valign="middle" nowrap="nowrap" align="left"><a href="tum_vs_mm.html" target="_new"><img src="templates/subSilver/images/tum_mm.gif" border="0"></a> </td>
anstelle
das einzutragen:
Verfasst: Do 21.Feb, 2008 20:13
von Holger
Hääääääääääääää?
tum_mm.gif soll doch LINKS liegen, das andere RECHTS.
Warum soll ich dann left in right ändern?
Verfasst: Do 21.Feb, 2008 23:10
von oxpus
Axo, ja, dann hier align="left" lassen und bei den anderen Zeilen align="right" eintragen.
Steht schliesslich überall left drinnen, so muss der Browser zwangsweise auch alles nach links klatschen...
Verfasst: Fr 22.Feb, 2008 08:36
von Holger
Nochmal: hääääääääääää??
Code: Alles auswählen
<td valign="middle" nowrap="nowrap" align="left"><a href="tum_vs_mm.html" target="_new"><img src="templates/subSilver/images/tum_mm.gif" border="0"></a> </td>
<td valign="middle" nowrap="nowrap" align="right">{postrow.HIDE_IMG} {postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.USER_PIX_IMG} {postrow.ADS_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} {postrow.ICQ_IMG}</td>
1 x left
1 x right
Verfasst: Fr 22.Feb, 2008 19:12
von oxpus
Vielleicht hilft ein Screenshot weiter???
Verfasst: Fr 22.Feb, 2008 20:13
von Holger
Ja, vielleicht
Verfasst: Fr 22.Feb, 2008 22:48
von oxpus
Dann versuchs mal so:
Code: Alles auswählen
<tr>
<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav"><img src="templates/subSilver/images/up.gif" border="0"> {L_BACK_TO_TOP}</a></span></td>
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><a href="tum_vs_mm.html" target="_new"><img src="templates/subSilver/images/tum_mm.gif" border="0"></a><table cellspacing="0" cellpadding="0" border="0" height="18" width="100%">
<tr>
<td valign="middle" nowrap="nowrap" align="right" width="100%">{postrow.HIDE_IMG} {postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.USER_PIX_IMG} {postrow.ADS_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} {postrow.ICQ_IMG}</td>
</tr>
</table></td>
</tr>
Verfasst: Mo 25.Feb, 2008 16:45
von Holger
Ein Schritt in die richtige Richtung!
Verfasst: Mo 25.Feb, 2008 18:26
von oxpus
Und so?
Code: Alles auswählen
<tr>
<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav"><img src="templates/subSilver/images/up.gif" border="0"> {L_BACK_TO_TOP}</a></span></td>
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="100%">
<tr>
<td valign="middle" nowrap="nowrap" align="left"><a href="tum_vs_mm.html" target="_new"><img src="templates/subSilver/images/tum_mm.gif" border="0"></a></td>
<td valign="middle" nowrap="nowrap" align="right">{postrow.HIDE_IMG} {postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.USER_PIX_IMG} {postrow.ADS_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} {postrow.ICQ_IMG}</td>
</tr>
</table></td>
</tr>
Verfasst: Di 26.Feb, 2008 16:21
von Holger
Jawoll ja!
Perfekt!
Was war der Trick?
/H
Verfasst: Di 26.Feb, 2008 17:16
von oxpus
Nun, Du hattest das linke Icon nicht direkt in der Tabelle untergebracht, die alle anderen Icons beinhaltet.
Ist auch zunächst nicht falsch, brachte aber den Effekt, nur links oder nur rechts darstellen zu können.
Ich hatte dann auch zunächst das Image "vor" die Tabelle gestellt, um die Zelle links, die Tabelle rechtsbündig auszurichten (also die Zellen innerhalb dieser Untertabelle).
Da aber hierbei immer wieder mal ein Zeilensprung vorkommen kann (hatte man bei Dir ja erlebt), definierte ich also in der Untertabelle 2 Spalten, wobei die erste Spalte mit dem linken Icon linksbündig und die 2. Spalte mit den restlichen Icons rechtsbündig ausgerichtet werden kann, ohne daß die gesamte Zeile einen Zeilensprung aufweist.
HTML-Tabellen eben...
Am Anfang schwierig zu verstehen, macht es einmal klick, sind sie so leicht zu handhaben wie ein Buch zu lesen...