Liste mit Text rechts und links
ProXy
- css
Guten Morgen zusammen,
ich habe eine Liste in der pro Zeile bislang nur Wort steht. Nun möchte ich pro Zeile ein Wort hinzufügen, dieses soll aber rechts ausgerichtet sein. Wenn ich innerhalb einer Zeile mit Spans und float arbeitet, so stimmt der Höhe der Zeile nicht mehr. Gibt es eine andere Möglichkeit, als mit einer 2-spaltigen Tabelle zu arbeiten?
MFG
ProXy
Hallo!
Entscheidend ist, dass das zweite Wort zuerst kommt ... ??? ... ist aber so ;) Vll. meist du ja das:
Erstes Wort<span style="float: right;">Zweites Wort</span>
Ausgabe:
Erstes Wort
Zweites Wort
-------------
<span style="float: right;">Zweites Wort</span>Erstes Wort
Ausgabe:
Erstes Wort Zweites Wort
lg lixx
Hallo lixx,
wenn ich in der Liste nur Text habe, dann klappt dies einwandfrei, so wie du es beschrieben hast. Sobald aber noch ein Bild in der Zeile ist, dann macht er das gefloatete Element wieder in die nächste Zeile.
Dieses ewig rumgeschiebe mit Listen, da weiss man, was man von Tabellen hat!
Sobald aber noch ein Bild in der Zeile ist, dann macht er das gefloatete Element wieder in die nächste Zeile.
... dann ist das Bild aber bestimmt wieder an erster stelle:
IMG W2/float W1
mit
W2/float IMG W1
sollte es dann aber wieder gehen.
Aber um eine schöne reihenfolge auch ohne css zu bekommen könntest du ja das ganze umdrehen.
<span style="float:left;">W1</span><img ... />W2
Problem gibts dann nur mit der rechten positionierung von W2. Wenn man den Textfluss von W2 auch rechtsbündig setzen könnte sehe es so aus:
<div style="align:right;"><span style="float:left;">W1</span><img ... />W2</div>
Du hast vollkommen recht, wenn ich den Text noch vor dem Bild setze und floate, dann geht das einfwandfrei :)
Danke sehr!