Hallo zusammen,

ich bin relativ unerfahren, was CSS und HTML angeht und hoffe, hier etwas Hilfe zu bekommen. Auf meiner privaten Webseite (schmaidt.de - Martin Schmidt) habe ich ein Problem mit Listen in Texten, die neben einem Bild verlaufen. Zu sehen ist das Ganze auf dieser Seite. Die Listenpunkte sollten eigentlich direkt bündig mit dem Text darüber sein (<p>...</p>), gehen aber noch links raus. Kennt jemand die Lösung? Es scheint irgendwas mit dem float des imgs zu tun zu habe, glaube ich.

Vielen Dank schonmal im Voraus,
Viele Grüße,
schmaidt

Eine Möglichkeit bietet die Eigenschaft list-style-position. Sie kennt die Werte outside und inside.

Hi,

mit list-style-position:inside; ändert sich die Darstellung, weiss aber nicht ob das so von dir gewünscht ist.
Die Default-Einstellung beim Firefox ist outside.

Persönlich nehme ich die autom. Listenzeichen nie, weil die Darstellung in den Browsern zu uneinheitlich ist, im IE8 schauen deine Unterpunkte schon nicht mehr so toll aus.

Der bessere Weg ist imho die automatischen Listenzeichen auszuschalten und HG-Grafiken als Listenpunkte zu nehmen.

edit. zu langsam!

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Blog oder watt?!

Aber nur nur um eine Millisekunde und dafür ausführlicher als ich.

Danke, ich habe es jetzt erstmal via list-style-position: inside gelöst. Damit geht es einigermaßen so, wie ich es mir vorgestellt habe.

Die Lösungen mit den background-Grafiken löst ja auch nur das Problem der Darstellung der Listensymbole und nicht die Dinge wie Einrückung der Texte etc., oder?

durch das padding für li werden auch nachfolgende Zeilen eingerückt falls der Listenpunkt über mehrere Zeilen geht.

Ich habe mir das mit inside mal per Firebug angeschaut.
Das fand ich optisch nicht so toll, wenn ich mir die Bemerkung erlauben darf.

Bei Listen mit Listenpunkten finde ich persönlich es immer schöner und übersichtlicher, wenn der Text sauber eingerückt ist und der Listenpunkt links etwas raussteht.
Nachfolgender oder vorausgehender Fließtext sollte vertikal allerdings immer
bündig mit dem Listenpunkt sein.
Hoffe du verstehst, was ich meine.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Blog oder watt?!

Danke für eure Hilfe. Ich bin inzwischen wohl bei der Meinung angelangt, dass es einfach keine gute Idee ist, eine Liste um ein Bild floaten zu lassen - Und dann geht es auch wieder mit outside. Es sieht jetzt so aus: www.schmaidt.de.