Listbox mit Bilder

[Der Martin]

Hi,

Was man jetzt noch optimieren müsste ist die Schriftformatiertung.

das dürfte ja kein Problem sein. Schriftart und Schriftgröße kann man beim option-Element AFAIK recht frei bestimmen.

Darf man eigentlich innerhalb des Seelct Option auch mit <span> oder dergleichen arbeiten?

Nein, der Inhalt des option-Element ist "text only", kein HTML, so wie bei den meisten Attributwerten auch. Aber ein Zeilenumbruch \n könnte gehen. Ich habe aber die Befürchtung, dass die Darstellung dann je nach Browser unterschiedlich aussieht, ähnlich wie beim Tooltip per title-Attribut.

.Color:after {
content: attr(data-description);
}

Das geht aber die Bezeichnung steht jetzt noch nicht unterhalb.

Zwei Ideen dazu: Entweder lass den Attributwert, den du anzeigen willst, mit einem Zeilenumbruch \n beginnen, oder formatiere das :after-Pseudoelement als display:block. Wobei letzteres IMO eleganter ist.

Ciao,
 Martin