Textelement Bild links floaten lassen, Liste floatet nicht richtig
Moin,
mir ist etwas aufgefallen, das wenn man in einem Textelement ein Bild hinzufügt und dieses unter Bildausrichtung links floaten lässt, eine Liste im Text nicht korrekt dargestellt wird. Der Text umfliesst das Bild korrekt mit den im Textelement angegebenen Abständen. Die List hingegen 'klebt' direkt am Bild und auch über CSS definierte Paddings oder Margins greifen dort nicht.
Ich habe dieses Verhalten auch in der Online-Demo nachstellen können.
Handelt es sich hier um einen Bug oder ein Verständnisproblem meinerseits?
Gruß
Bitjongleur
Liste der Anhänge anzeigen (Anzahl: 3)
Hallo allerseits, ich muss das hier noch mal aufkochen, da es bei mir nicht genügt, der ul einfach nur ein float:left zu verpassen. Bei mir schaut das so aus:
Der Text hat den richtigen Abstand zum Bild, die Liste nicht
Anhang 16714
Gebe ich der ul ein float:left rutscht sie unter das Bild
Anhang 16716
Hat jemand eine Idee, wie ich das in den Griff bekomme?
Liste der Anhänge anzeigen (Anzahl: 1)
Danke für die schnelle Antwort - leider funktioniert das nur neben dem Bild, darunter aber nicht
Anhang 16717
Liste der Anhänge anzeigen (Anzahl: 2)
N'abend allerseits,
hier die CSS der betreffenden Elemente.
figure: margin-right: 1em;
ol: margin-left: 0; padding-left: 0;
li: margin-left: 1em; (hat nebenbei keine Rolle gespielt, ob ol oder li die margin nach links bekommt)
Dann schaut's so aus:
Anhang 16728
Gebe ich der ol jetzt margin-left: 1em; wirkt sich das nur da aus, wo ich's nicht möchte - aber neben dem Bild ändert das auch nichts:
Anhang 16729
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo allerseits,
@mlweb
ol padding-left:0; list-style-position: inside; - funktioniert sehr gut
Anhang 16731
@tab
Da hatte sich in den 2.Listenpunkt eine p-Zeile eingeschmummelt:o
@Andreas
Lösung1 hatte ich auch schon versucht, kam aber aus den von dir genannten Gründen nicht infrage.
Lösung2 funktioniert bestens und im Fall einer 2.Zeile sieht die Einrückung auch super aus.
Anhang 16732
Vielen Dank an alle!
Beste Grüße, Manski
Liste der Anhänge anzeigen (Anzahl: 1)
Ach, ich seh gerade noch einen Nachteil (Browser-Bug) bei list-style-position:inside.
Anhang 16738
Man beachte die Einrückung der Zahlen bei Punkt 8 bis 11.