0.0
Druckbare Version

CSS Option-Elemente

Hinweise zum Thema

Select-Boxen mit Bildchen zu den Texten versehen ist mit HTML nicht möglich, da das Content-Model des Option-Elementes #PCDATA ist, also reiner Text mit Entities, aber ohne HTML-Elemente.

Mit Mozilla 1.0 kam der erste Browser auf dem Markt, der es ermöglichte, dieses Problemes mittels CSS zu lösen.

Die hier beschriebene Methode zum Einbinden von Bildchen funktioniert sowohl für Dropdownboxen als auch für Listboxen. Beide werden mit dem Select-Element erstellt. Welche Box jeweils erzeugt wird, ist vom Wert des size-Attributs abhängig. 1 (der default-Wert) erzeugt eine Dropdownbox, größere Werte erzeugen eine Listbox.

Das dritte Beispiel zeigt eine Möglichkeit, die Angabe direkt in der Option mitzuteilen, ohne die :before - funktionalität zu nutzen!

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



Testseite Graphiken in Option-Elementen








Länderauswahl








up

Themes Demo

Sonstiges