nicht angemeldet
list-style-image mit großen grafiken
Moin!
Ich habe eine Liste ganz normal erstellt und dann die Listenpunkte durch Grafiken ersetzt. Die Grafiken sind 32x32 Pixel, also recht groß. Und da liegt auch das Problem, wofür ich eine Lösung suche.
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
Ich habe schon alle möglichen Formatierungen mit vertical-align probiert (sowohl für die Listengrafik, als auch für den Listentext), aber nix hat sich geändert. :-/
Weiss jemand eine Lösung dafür? Oder ist bekannt, dass man das so leider gar nicht formatieren kann?
Danke schonmal.
Gunnar
-
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-
- 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
Danke! Daran hatte ich noch gar nicht gedacht. :)
Gunnar