[nel]

hallo, ich habe mal zum besseren verständnis meines problems ein bild gezeichnet.
die schwarzen punkte sollen "bilder" sein, die schwarzen linien text, der auch umbricht (wobei die grafik links dann trotzdem vor ersten zeile stehen bleiben soll, also nicht zentriert -
und die roten linien sind trenner

die idee war, die trenner als hintergrundgrafik der LI's unten zu machen, und die pfeile als list-image,
das problem ist, das sich dann der umbrechende text in der zweiten zeile unter das bild, und nicht in eine reihe mit dem anderen text stellt




damit es momentan funktioniert hat das LI mit dem text das bild als hintergrund, und die trennlinie ist ein "leeres LI" mit nem anderen hintergrund, die lösung finde ich mehr als hässlich - deshalb frage ich hier auch

hat jemand eine lösung für das problem

hab auch nach listen gesucht die so aufgebaut sind, wie die, die ich bauen möchte. aber habe keine gefunden

[Smooth-Graphics]

Schonmal mit padding-left probiert?
Sonstige Möglichkeiten zur Positionierung der Listenpunkte /des Textes: list-style-position und text-indent

[top]

Du könntest dem LI auch ein border-bottom verpassen.

Also etwa so:

[nel]

sind leider grafiken, also fällt border-bottom schon mal raus

mit padding text-indet etc kdas habe ich schon versucht

leider funktioniert auch list-style-position nicht, weil die (in dem fall angewandten) list-images dann außerhalb des umschließenden divs sind, und wenn ich dem ul dann ein padding oder margin gebe, damit das nichtmehr passiert - dann gehen die trennlinien (die ja in den LIs sind) nichtmehr bis zum rand von dem div


hier mal ein auszug

[top]

Wenn in jedem LI ein Link ist, würde ich so vorgehen:

[Kash]

Du kannst Hintergrundbilder auch positionieren.

du kannst es zum Beispiel auch teilweise aus dem sichtbaren bereich schieben.

bei csssprites kommt diese technik zum einsatz.

[nel]

[Zim]

Ist eigentlich mit list-style-position:outside; getan

ggf mit margin-left im ul-tag noch anpassen