Michael Herold: Springeffekt in Listen

Hi.

Vielleicht hat ja jemand einen Tip für mich :-)

Ich habe ein Problem mit der Darstellung von Listen (mit UL) die ein Image bekommen sollen:

Bei jedem Listitem macht der Browser einen kleinen Zwischenraum. Benutze ich jetzt CSS um vor jedem Listitem ein Image darzustellen, wird die Liste mit Zwischenraum angezeigt, solange bis das Image geladen ist. Ist das Image geladen "springt" die Liste und die Zwischenräume zwischen den einzelnen Listitems werden an die Höhe der Grafik angepasst.

Dieses "Hüpfen" schaut allerdings sehr unschön aus. Gibt es eine Möglichkeit bei z.B. list-style-image:url(/pics/list-p.gif); eine Höhe/Breite mit anzugeben? Oder Tags um die Zwischenräume zwischen den einzelnen Listitems anzupassen?

  1. : Gibt es eine Möglichkeit bei z.B. list-style-image:url
    (/pics/list-p.gif); eine Höhe/Breite mit anzugeben?

    *Seufz* Man sollte wirklich erstmal richtig lesen :-) Ich habe eine Lösung gefunden.

    Das "Springen" läßt sich mit der CSS Angabe line-height abstellen.