Manko10

CSS 2.x ist sowieso unterspezifiziert. Da ist nicht bloß list-style-image unflexibel. Mit HTML 4.x ist das übrigens genauso. CSS3 und HTML5 hätten eigentlich schon viel früher entwickelt werden müssen.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

Mister Ad

ChrisB

Nee, da gibt's eigentlich keine große Magie oder ein Wunderwerkzeug - FB eignet sich nur in Fällen wie diesen m.E. am besten, um zu schauen, ob vielleicht noch irgendeine Default-Formatierung zu überschreiben „vergessen“ wurde - aber sieht hier nicht so aus.

Na ja, es ist ein sehr „alte“ Eigenschaft, die gab's in CSS 1 schon, und das ist eine Recommendation von 1996.

Die Designer haben schnell gemerkt, dass mit der Angabe einer Bullet-Grafik allein nicht viel zu reißen ist, wenn man die vertikale Ausrichtung nicht kontrollieren kann, und sind dann auf Hintergrundbilder umgestiegen.
Und damit hat dann vermutlich auch keiner mehr die Notwendigkeit gesehen, an den speziell zur Listen-Formatierung vorgesehenen Eigenschaften noch groß was zu verbessern, weil man ja mit dem generellen Hintergrundbild schon etwas hat, das sich entsprechend einsetzen lässt ...


Listen sind in der Entwicklung von HTML sowieso etwas stiefmütterlich behandelt worden.
Bspw. gab es in HTML 3.2 noch die HTML-Attribute start und value, mit denen man bei OL den Startwert der Nummerierung vorgeben konnte, und auch zwischendurch für jedes LI den Zähler beliebig neu setzen konnte - wenn man nur Ausschnitte aus einer kompletten Liste (Platzierungen, ...) umsetzen will, kann man sowas eigentlich schon gut brauchen.
Mit HTML 4.01 wurden diese Attribute als deprecated gekennzeichnet - da hat man gesagt, sowas soll ab jetzt Sache von CSS sein. Das ist schon mal eine sehr grenzwertige bzw. eher abwegige Entscheidung - denn wenn meine Liste nur die Items mit den Nummern 7, 13 und 24 darstellen soll, dann muss das auch erkennbar sein, wenn keine Formatierung per CSS angewandt wird (bspw. Textbrowser).
Klar, man könnte auf UL ausweichen, und die Nummerierung in die LI als Text mit reinschreiben - das hat dann semantisch aber überhaupt keinen Wert mehr, denn damit ist die Liste weder überhaupt noch als geordnet gekennzeichnet, noch lässt sich maschinell simpel ermitteln, welche „Position“ die LI haben sollen.

HTML5 führt für OL das Attribut start jetzt wieder ein, zusammen mit reversed; und value für LI gibt's auch wieder - aber da weiß ich nicht, wie das mit der momentanen Browser-Unterstützung aussieht, ob die das noch aus HTML 3.2 kennen, oder erst neu beigebracht kriegen müssen ...

Und was CSS 2.1 in der Richtung bietet - CSS 2.1, 12.4 Automatic counters and numbering / SELFHTML: Automatische Nummerierung - hat lange Zeit auch kein Browser vernünftig umgesetzt, und bis heute können aktuelle IE-Versionen das nicht.


So viel mal als kleinen Exkurs/Rant, hoffe das war nicht zu weit vom Thema ab. Um bzgl. dessen mal ein Fazit zu ziehen: Wenn du Bullet-Grafiken für Listen mit Hintergrundbildern realisierst, ist das durchaus state-of-the-art, und bietet dir mehr Kontrolle über deren Platzierung. Es gibt also keinen Grund, nicht so vorzugehen - selbst wenn CSS dafür eigentlich andere Mechanismen vorsähe.



„Die Geschichte der Entwicklung der Formatierung per CSS ist eine voller Missverständnisse ...”, könnte man in Anlehnung an eine bekannte Werbung durchaus behaupten - allein, das Floating lange Zeit das so ziemliche einzige Werkzeug für Spaltenlayouts war, ist ja an sich schon ein Witz. Vom Design-/Layout-Standpunkt aus hat das W3C einfach viel zu lange geschlafen, hat sich zu sehr auf HyperText und dessen strukturelle Auszeichnung versteift - bzw. eigentlich schläft es heute immer noch, die Innovationen kommen ja hauptsächlich von Browser-Herstellern, Stichworte wie CSS Transforms etc. Aber jetzt endgültig genug mit dem Ranting :-)

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

Manko10

start für OL und value für LI werden noch breit unterstützt und sind sogar noch in der Transitional und der Frameset-Variante von HTML 4.01/XHTML 1.0 spezifiziert. Wieviele Browser reversed kennen, weiß ich nicht.

Dito!

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

Arne Drews

Nö, das ist interessant und nachvollziehbar erklärt!
Danke!

Apropos: Dein Hinweis mit den Hx Elementen habe ich mal probiert, da hatte ich zunächst gar nicht dran gedacht.
Aber auch das änderte nichts. Das nur zur Vervollständigung!

Mein Fazit wird wohl sein, daß ich es bei den Backgrounds belasse.
Wie ChrisB geschrieben und begründet hat ist dies ja scheinbar doch state-of-the-art.

Vielen Dank auch an die anderen für die sachlichen Hinweise und Hilfestellungen:
fab, tr0y, Manko10

__________________
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind.
Albert Einstein

ChrisB

Ebenfalls nur zur Vervollständigung: Der Hinweis war nicht primär auf's Anzeigeproblem bezogen, sondern auf die Struktur des HTMLs und die Inhalte, die es auszeichnet - wenn der Inhalt an dieser Stelle wirklich sowas wie eine Überschrift für den jeweiligen Listeneintrag darstellt, dann sollte man da möglichst auch ein Hx für nehmen.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

Arne Drews

Da haste Recht. Hab ich auch so umgesetzt jetzt... Danke.

__________________
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind.
Albert Einstein

tr0y

Das 'list-style-image'-Property ist im übrigen ein CSS1-Property das in die CSS2.x Standards übernommen wurde ( ohne Veränderung ), nicht jeder Browser setzt diese Eigenschaft gleichermaßen um, einige Stellen die Zeilen tiefer, andere das Bullet höher als eigentlich gedacht. Die meisten CSS-Referenzen die ich kenne liefern auch das selbe ( wie von dir als zweites genutztes ) Workaround, das als Best-Solution gilt, einige Fummeln auch mit Blockelementen rum ( spannend aber sinnfrei ).

Siehe: CSS Styling Lists - Absatz: Cross-Browser Solution

__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.