BG Image in DropDown Menu

[derek]

Is there a way to put a background image in a drop down menu thru CSS?

[duckie]

We'll have to take a look at the script.

[Adam P.]

Originally posted by duckie
We'll have to take a look at the script.

If it's a drop-down menu, it shouldn't be a script duckie. I think that derek means the <form> type drop-down menu. If that's what you mean derek, here's how:

select { background-image: url(the local extension goes in here); }

An example of a local extension would be "images/plane.gif".

Tell me if it works!

[duckie]

Ahh, when I see "drop down menu" I keep thinking "DHTML menu", for some reason.

[Aes]

It will not work. You simply cannot do that with drop down menus or anything with the form tag ... yet.



Although it is a good idea derek, Adam.

[oblig]

You could always settle for a background-color:colour, lol.

[duckie]

Well actually in Mozilla setting a background image works for <option>, but not <select>.

The image will tile though, so the effect won't be really good, but yeah, just to inform you guys its possible.

[Aes]

That's what I was referring to -- the <select></select>.

I did not know, however, that it would work when defined in <option></option> in NS6.x/Mozilla. Very interesting.

[Adam P.]

That's strange.....

I got my answer from TopStyle Lite. I opened it, chose <select> as my selector, and when it gave me all of the attributes, background-image was one of them. Sorry about the misinformation