Toon posts:

[html/css] selectbox achtergrond

Pagina: 1
Acties:

Verwijderd

Topicstarter
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
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

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
  • Registratie: Februari 2002
  • Laatst online: 22-05 21:28

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
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

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

Verwijderd

Topicstarter
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

Topicstarter
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

Topicstarter
selectbox = <select>

Verwijderd

Lol 8)

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
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

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

Topicstarter
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:
1
2
3
4
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
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
Denk dat Opera dat ook wel ondersteund, als iemand een voorbeeldje online zet kunnen we checken :)

Human Bobby


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

Topicstarter
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 :Y)

En een achtergrondplaatje lijkt mij nou niet echt van levensbelang :?

  • Haranaka
  • Registratie: September 2000
  • Laatst online: 10-05 19:25
Ik kan met Opera 7.5 beta1 hem wel zien:
http://www.nextavenue.com/got/

...


Verwijderd

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

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
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
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 ]

Human Bobby


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

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...

Intentionally left blank


  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
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.

Human Bobby

Pagina: 1