[setty]

hi guys,
can i place image for drop down box using css? if yes how can i?

advance thanks
setty

[Frozen Interact]

Hi,
Can you explain your problem a bit more? I don't understand what you are trying to achieve.

Cheers,

Chris.

[pgo]

I think he means a <select> box. Like a form input.

And why would you want to? You could try setting a background for the select or the option, I guess. I've never tried and have a feeling it wouldn't work very well or across browsers. Best to leave it as is.

[herkalees]

Don't mess with form inputs; it's been proven that it rarely helps visitors use your site.

[d*d]

Originally Posted by herkalees

Don't mess with form inputs; it's been proven that it rarely helps visitors use your site.

Really, I'd like to see that proof - the html form elements are hardly perfect and I can see that the ability to place images in a drop down could be handy - it's easier to pick out an image from a group than a word.

I've seen it done with javascript, do a google search

[2Dfruit]

i remember seeing one that used small images of countries flags in a drop down menu. ill try and find it

*found it*
Customize Dropdown Menu - Form - JavaScriptBank.com

not a select box, but the a way around it

[herkalees]

Originally Posted by d*d

Really, I'd like to see that proof - the html form elements are hardly perfect and I can see that the ability to place images in a drop down could be handy - it's easier to pick out an image from a group than a word.

I've seen it done with javascript, do a google search

It's not an issue of it being hard to do--it's an issue with it being wrong to do.

I don't have proof off-hand, but I do remember what I've read in the past, from a healthy amount of reputable sources.

[d*d]

Originally Posted by herkalees

I don't have proof off-hand, but I do remember what I've read in the past, from a healthy amount of reputable sources.

Well I disagree with your reputable sources, you shouldn't just accept that what we've got is fine and needs no improving, I think the example with the flags above is a better use of the dropdown menu than a text only version

[herkalees]

To each his own, then. I'll stick with what I believe, and I appreciate the differing opinion.

[djeglin]

The reasoning behind herkalees' research is that the form controls we have are a recognised paradigm. The is true to an extent, but doesnt mean you shouldnt give modification a go if you want to. Particularly with using images/icons in a select box, there are clear precedents for this working in other areas, such as the address bar in a web browser displaying a favicon.

Learn to think outside of the box every now and then, man!

[mx]

Originally Posted by djeglin

The reasoning behind herkalees' research is that the form controls we have are a recognised paradigm.

That's why safari limits the styling of form elements. in particular submit buttons.

[djeglin]

Indeed... Although safaris limitation of such things creates more problems than it solves for my liking. There are a number of times you would want to use submit buttons but not have the default stying (for example, if an established website such as one that I recently finished work on has their own visual paradigm for such actions - They used a strong red for all primary calls to action, which a lot of the time were buttons.)

That having been said, apple have done some clever things with form elements, using backgrounds and setting the opacity of the elements themselves to 0. There are always ways around these things...