Volker: Das Zusammenspiel von float, clear und margin in einer Liste

SELF-Forum

Das Zusammenspiel von float, clear und margin in einer Liste

Volker
– Informationen zu den Bewertungsregeln

Einen wundervollen Abend,
ich habe folgendes Problem:

Ich habe eine Liste, in den Listenpunkten jeweils ein Bild, das von Text rechts umflossen wird:
<ul>
<li style="margin-top:30px; clear:left;">
<img src="***" style="float:left" />
*** Text ***
</li style="margin-top:30px; clear:left;">
<li>
....
</li>
</ul>

Nun bricht aber das clear:left die Abstände margin-top, d.h. die Listenpunkte werden direkt untereinander angeordnet anstatt den geforderten 30 Pixeln.
Das clear:left kann ich aber schlecht weglassen, da sonst das float:left "Amok" läuft...
Wie bekomme ich die Abstände korrekt formuliert?

Danke im Voraus.
Gruß, Volker

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Das Zusammenspiel von float, clear und margin in einer Liste

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    </li style="margin-top:30px; clear:left;">
    <li>

    ich nehme an, dass ist ein Tippfehler, oder?

    Wie bekomme ich die Abstände korrekt formuliert?

    Du musst nach dem Text noch in dem LI ein clearendes Element einfügen.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Das Zusammenspiel von float, clear und margin in einer Liste

      Volker
      – Informationen zu den Bewertungsregeln

      Hi,

      </li style="margin-top:30px; clear:left;">
      <li>
      ich nehme an, dass ist ein Tippfehler, oder?

      Jo

      Wie bekomme ich die Abstände korrekt formuliert?
      Du musst nach dem Text noch in dem LI ein clearendes Element einfügen.

      Tatsache, das isses, danke.
      Gruß, Volker

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln