Eine Zelle links formatieren, die nächste rechts

[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

[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

Code: Alles auswählen

align="left"

das einzutragen:

Code: Alles auswählen

align="right"

[Holger]

Hääääääääääääää?
tum_mm.gif soll doch LINKS liegen, das andere RECHTS.
Warum soll ich dann left in right ändern?

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

[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

[oxpus]

Vielleicht hilft ein Screenshot weiter???

[Holger]

Ja, vielleicht

[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>

[Holger]

Ein Schritt in die richtige Richtung!

[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>

[Holger]

Jawoll ja!
Perfekt!
Was war der Trick?

/H

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