Wilhelm Turtschan: list-style-image mit großen grafiken

Beitrag lesen

habe d'ehre Gunnar

Die Grafiken sind auf der gleichen Grundlinie wie der Text, die Grafiken stehen also nach oben über den Text hinaus. Das sieht nicht nur dämlich aus, die Zahlen hängen dadurch quasi zwischen den einzelnen Texten.

Beispiel:  http://www.xmpl.de/liststyleimage.html

  • für <ul> list-style-type:none;margin:0;padding:0; vergeben
  • bei <li> deine Grafik als Hintergrund einbinden und für den Text entsprechend padding verwenden

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position

man liest sich
Wilhelm