Einrückung bei Listen und float

[dave]

Hallo,

Testseite

Ich habe hier das Problem dass die Aufzählzeichen der Liste nicht entsprechend eingerückt werden sondern nur der tatsächliche Textanfang.
Ich denke man kann es recht gut auf der Seite erkennen.

Die Aufzählzeichen sollten auf gleicher Höhe sein wie der Text darüber.
Hat jemand eine Idee wie ich das hinbekomme?

Hab schon mit padding und margin der Liste und des gefloateten Divs gespielt und auch etwas mit der display Eigenschaft experimentiert, allerdings ohne Erfolg.

Dummerweise fallen mir auch keine treffenden Begriffe ein die das Problem beschreiben, was die Suche erheblich erschwert.

Vielen Dank an alle die sich mit meinem Problem beschäftigen.

~dave

[suit]

Die Aufzählzeichen sollten auf gleicher Höhe sein wie der Text darüber.
Hat jemand eine Idee wie ich das hinbekomme?

Spiel' mit list-style, padding und margin herum.

Hab schon mit padding und margin der Liste und des gefloateten Divs gespielt und auch etwas mit der display Eigenschaft experimentiert, allerdings ohne Erfolg.

Schade dass du uns die herangehensweisen der Experimente nicht mitteilst.

[dave]

Die Aufzählzeichen sollten auf gleicher Höhe sein wie der Text darüber.
Hat jemand eine Idee wie ich das hinbekomme?

Spiel' mit list-style, padding und margin herum.

padding und margin nutzt nichts da diese eben "auf" dem gefloatetem Div sind.
list-style-position:inside war die Lösung, vielen Dank.

Hab schon mit padding und margin der Liste und des gefloateten Divs gespielt und auch etwas mit der display Eigenschaft experimentiert, allerdings ohne Erfolg.

Schade dass du uns die herangehensweisen der Experimente nicht mitteilst.

Mir ist nicht ganz klar wie ich das hätte tun sollen.
Ich habe erwähnt mit welchen Mitteln ich versucht habe gewünschtes zu erreichen, eine Aufzählung der einzelnen Versuche würde doch auch nicht besonders viel nutzen?
Zumal ich das ganze nur mit dem Firebug getestet hatte.

[suit]

Mir ist nicht ganz klar wie ich das hätte tun sollen.

Du hättest es aufschreiben können.

Ich habe erwähnt mit welchen Mitteln ich versucht habe gewünschtes zu erreichen, eine Aufzählung der einzelnen Versuche würde doch auch nicht besonders viel nutzen?

Doch sicher.

Zumal ich das ganze nur mit dem Firebug getestet hatte.

Egal, du hättest zumindest sagen können "ich habe einen positiven Wert für margin-left eingegeben" oder vergleichbares ;)

[apsel]

Om nah hoo pez nyeetz, dave!

Verwende ein Entwicklungswerkzeug wie zum Beispiel die Entwicklertools (IE), Dragonfly (Opera) oder Firebug (FF). So kannst du live sehen, was deine Experimente bewirken. Meist sind padding und margin farblich hervorgehoben, sodass du sehen kannst, welcher Platz dem Element tatsächlich eingeräumt wird.

Matthias

[Gunnar Bittersmann]

@@dave:

nuqneH

Hallo,

Testseite

Ich habe hier das Problem dass die Aufzählzeichen der Liste nicht entsprechend eingerückt werden sondern nur der tatsächliche Textanfang.
Ich denke man kann es recht gut auf der Seite erkennen.

Du willst wirklich, dass die Listenpunkte nicht alle untereinander stehen?

Ich würde die Listitems nicht unters Bild floaten lassen:

ul { overflow: hidden }

Die Aufzählzeichen sollten auf gleicher Höhe sein wie der Text darüber.

Hat sich damit auch erledigt?

Qapla'

[dave]

Hi,

Du willst wirklich, dass die Listenpunkte nicht alle untereinander stehen?

Ja, die sollen leider wirklich nicht alle untereinander stehen.

ul { overflow: hidden }

Auf das wäre ich wohl nie gekommen, vielen Dank für diesen Tipp.
Werde ich in Zukunft sicher nochmal brauchen.

~dave