Bilder in Select-Menüs

**Thomas** · 01.03.2010, 08:29

Hallo!

Ich möchte gerne Bilder in Select-Menüs platzieren, z.B. Länderflaggen vor einem Ländernamen.

Per Insert-Tag ist es leider nicht möglich.
Kann man das irgendwie anderes realisieren?

Bei Radio-Button-Menüs ist es möglich, das wird allerdings bei 50 Einträgen etwas unübersichtlich.

**Thomas** · 01.03.2010, 08:59

Hat sich gerade von selbst erledigt!

Die CSS-Anweisung:

Code:

  option[value=deutsch]:before { content:url("../../images/layout/icons/flags/de.png"); }
  option[value=englisch]:before { content:url("../../images/layout/icons/flags/en.png"); }

kann für sowas verwendet werden.

***lucina*** · 01.03.2010, 09:08

Ob das geht ist erstmal auch browserabhängig (Übersicht über die Möglichkeiten gibt es z.B. bei O'Reily unter http://oreilly.com/catalog/cssckbk2/appendixd/appd.pdf. UNter IE<= 8 geht das sicherlich gar nicht.

Grundsätzlich via CSS nach dem Muster

Code:

option [value="foo"]{
background-image: url(bar.gif);
}

Viel Spaß beim basteln, das macht mehr Streß als es bringt, und der feste Wille, so etwas zu bauen ist meiner Meinung endlich mal ein Argument für Flash.

LG, Carolina.

EDIT: Du löst das ja schneller als ich tippen kann ... ;-)

**Thomas** · 01.03.2010, 09:34

Danke für den Tip!

Im IE funktioniert es erstmal nicht.

Mal sehen was ich da für eine Lösung finde.

Eine weitere Lösung für FF:

Code:

  option[value=deu] { background-image:url("../../images/layout/icons/flags/de.png");background-repeat:no-repeat; background-position: 3px 3px; padding-left:22px; }

Funktioniert erstmal unter keinem anderen Browser.

Am einfachsten wäre es, dem option ein style-Attribut mit zu geben.
Was aber eine Änderung des Select-Menü Codes mit sich bringen würde.

Vielleicht fällt andreas.schempp zu dem Thema ja was ein, er hat das Modul ja geschrieben.

***lucina*** · 01.03.2010, 09:38

Du kannst Dir auch noch mal http://www.456bereastreet.com/archiv...css_revisited/ zu Gemüte führen. Roger hat da mal echt Arbeit reininvestiert ... ;-)

LG, Carolina.

**Thomas** · 01.03.2010, 09:54

Danke!
Das Letzte hilft mir bei dem Problem aber nicht weiter!

Ich möchte ja ein Bild im option-Element platzieren und zwar in dieser Form:

Das ist jetzt die Ansicht im FF, alle anderen Browser streiken.

**ways2web** · 03.06.2010, 02:27

ich hab hierfür ne elegante lösung. falls jemand interessiert ist, ne pm genügt..
werds aber auch auf meienr spielwiese anbieten.. in den nächsten tagen..

läuft dann mit moo-script und tpl anpassung

lieben gruss
ways

**Thomas** · 03.06.2010, 09:04

Hallo!

Daran hätte ich weiterhin Interesse, da ich dieses Problem wegen relativer Unwichtigkeit erstmal nach hinten geschoben hatte.

Wäre schön, wenn Du es mir zur Verfügung stellen könntest.

**ways2web** · 07.06.2010, 14:09

Zitat von Thomas

Hallo!

Daran hätte ich weiterhin Interesse, da ich dieses Problem wegen relativer Unwichtigkeit erstmal nach hinten geschoben hatte.

Wäre schön, wenn Du es mir zur Verfügung stellen könntest.

schickst du mir ne pm mit deiner emailadresse.. ich weiß ja nicht, ob ich templates hier posten sollte..

gruss
Olli