[html/css] selectbox achtergrond

[Verwijderd]

hoi,

is het mogelijk om met css een selectbox een achtergrond figuur mee te geven? een achtergrond kleurtje lukt wel... had zoiets in gedachten, maar dat wrkt dus niet :\

option { background-image: url('bg.gif'); }

[X-Lars]

Naar mijn weten niet nee, er valt over het algemeen weinig te stijlen aan selects enzo. Is trouwens makkelijk te vinden in de search

[MBV]

Kan je hem niet transparent maken? nooit geprobeerd, komt nu in me op
Als dat werkt, kan je een plaatje op de achtergrond van de div zetten.

[Verwijderd]

Het kan wel! Nou ja, iig in IE, weet niet of dit ook voor Gecko geldt.

Haakjes weghalen:

.option {
background-image(foo.jpg);
}

[ Voor 37% gewijzigd door Verwijderd op 08-05-2004 14:25 ]

[X-Lars]

Dat ding zal toch echt een kleur moeten hebben. Transparant is geen optie

[Verwijderd]

ik heb gezocht met google en de search maar kon niet echt wat vinden... ging allemaal over kleurtjes.

MBV schreef op 08 mei 2004 @ 14:24:
Kan je hem niet transparent maken? nooit geprobeerd, komt nu in me op
Als dat werkt, kan je een plaatje op de achtergrond van de div zetten.

mja, zou wel kunnen, maar als je het dan uitklapt, zie je de rest niet met een achtergrond plaatje. (wil een soort icoontje ervoor zetten zoals windows ook heeft enzo)

[Verwijderd]

Verwijderd schreef op 08 mei 2004 @ 14:24:
Het kan wel! Nou ja, iig in IE, weet niet of dit ook voor Gecko geldt.

Haakjes weghalen:

.option {
background-image(foo.jpg);
}

werkt niet? ook niet als ik er background-image = url(foo.jpg); van maak...

[Verwijderd]

Moet ik dan eerst een voorbeeld uploaden?

http://www.nextavenue.com/got/

[Verwijderd]

selectbox = <select>

[Verwijderd]

Lol

In dat geval moet je even bij Google zoeken: MSDN background-image

Moet je even kijken of hij ook van toepassing is op select. Ik vermoed eigenlijk van niet...

/ Edit

Heb even voor je gekeken, gaat je helaas niet lukken

[ Voor 16% gewijzigd door Verwijderd op 08-05-2004 14:33 ]

[X-Lars]

Verwijderd schreef op 08 mei 2004 @ 14:30:
Moet ik dan eerst een voorbeeld uploaden?

http://www.nextavenue.com/got/

Ja, da's niet de achtergrond van de select zelf toch, maar goed, dan heb ik het verkeerd begrepen.. Doet het niet in Mozilla trouwens.

[Verwijderd]

hm, feest gaat niet door geloof ik, of iemand moet een hack hebben ofzo (hoeft trouwens IE only te zijn)

http://msdn.microsoft.com...erence/objects/option.asp

[ Voor 10% gewijzigd door Verwijderd op 08-05-2004 14:38 ]

[Verwijderd]

In Mozilla kan het wel trouwens:

Cascading Stylesheet:

option {
background: url('http://gathering.tweakers.net/global/templates/silver/images/icons/Open_on.gif') 2px no-repeat;
padding-left: 20px;
}

[Verwijderd]

LOL, voor de verandering eens een keer Gecko only!

[Justice]

Denk dat Opera dat ook wel ondersteund, als iemand een voorbeeldje online zet kunnen we checken

[Verwijderd]

Justice schreef op 08 mei 2004 @ 14:47:
Denk dat Opera dat ook wel ondersteund, als iemand een voorbeeldje online zet kunnen we checken

Nee, Opera (7.23) ondersteunt het ook niet.

[Verwijderd]

maar het hoeft alleen maar in internet explorer te ondersteunen. wordt voor een ie only script (cms gedoe)

[Verwijderd]

met CMS bedoel je denk ik webeditor... maak hem gewoon Gecko only

En een achtergrondplaatje lijkt mij nou niet echt van levensbelang

[Haranaka]

Ik kan met Opera 7.5 beta1 hem wel zien:
http://www.nextavenue.com/got/

[Verwijderd]

Verwijderd schreef op 08 mei 2004 @ 14:58:
met CMS bedoel je denk ik webeditor... maak hem gewoon Gecko only

En een achtergrondplaatje lijkt mij nou niet echt van levensbelang

Niet van levens belang, maar zou wel leuk zijn, en ik wou dus weten of het kon, want kreeg het zelf niet aan de gang

[Justice]

Ik heb even een probeerseltje gemaakt naar aanleiding van dit topic:
TestCase: option, select + bg-image
Waarbij Opera 7.23 dus geen achtergrond laat zien, dit omdat Ui elementen na het parsen van de pagina getekend worden, daarbij worden dus geen achtergronden meegenomen.

En een makkelijke code tester voor verder gebruik in WG:
Quick HTML / CSS tester

[ Voor 12% gewijzigd door Justice op 08-05-2004 16:35 ]

[crisp]

Justice schreef op 08 mei 2004 @ 16:31:
[...]
En een makkelijke code tester voor verder gebruik in WG:
Quick HTML / CSS tester

Bij grotere codes ga je een probleem krijgen omdat een GET request gelimiteerd is tot zo'n 4000 karakters...

[Justice]

Ow dat wist ik niet
Ik wilde in eerste instantie id's genereren maar dan moet ik de laatste x aantal testcases bewaren etc, dit ging sneller. Voldoet voor persoonlijk gebruik iig.