Re: [css-d] Multiple select dropdown on a single line
OK, but what you've drawn (posted) is not what you are trying to achieve, but what you can already achieve but which does not match your needs. What I (and perhaps others) need to see is what you are trying to achieve visually; we know from your prose description the intended effect, but not how you envisage it looking to the intending user. Philip Taylor Tod wrote: On 9/15/2010 3:44 PM, Philip Taylor (Webmaster, Ret'd) wrote: Tod, could you draw a picture of what you are attempting to achieve ? Philip Taylor Attached are two files, single.gif and multi.gif. The single dropdown takes up only one line until you click the selector to make it drop down but allows you to select only a *single* item. The multi dropdown offers the ability to select multiple items but at the expense of taking up the amount of real estate specified by the size=x attribute. A size of 1 disables the dropdown. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple select dropdown on a single line
Tod, It seems that when you make the height of the select too small there isn't room for the scrollbar. This simple hack might give you some ideas: select { height: 1.5em; } select:focus { height: 3em; } You can also use Javascript to achieve a similar effect. I tried playing around with this to achieve the closest thing I could to a one-line, drop-down, multi-select box but there were lots of problems, most importantly that it doesn't look like a select when the scrollbar is not visible. Mark On Mon, Sep 20, 2010 at 15:16, Philip Taylor (Webmaster, Ret'd) p.tay...@rhul.ac.uk wrote: OK, but what you've drawn (posted) is not what you are trying to achieve, but what you can already achieve but which does not match your needs. What I (and perhaps others) need to see is what you are trying to achieve visually; we know from your prose description the intended effect, but not how you envisage it looking to the intending user. Philip Taylor Tod wrote: On 9/15/2010 3:44 PM, Philip Taylor (Webmaster, Ret'd) wrote: Tod, could you draw a picture of what you are attempting to achieve ? Philip Taylor Attached are two files, single.gif and multi.gif. The single dropdown takes up only one line until you click the selector to make it drop down but allows you to select only a *single* item. The multi dropdown offers the ability to select multiple items but at the expense of taking up the amount of real estate specified by the size=x attribute. A size of 1 disables the dropdown. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Multiple select dropdown on a single line
I have the requirement to allow users to make multiple selections from a dropdown menu. However I need to accomplish this on a single line. - A traditional dropdown satisfies the single line requirement but not the multi-select. - Making it multi-selectable increase its presentation greater than a single line. - Setting size 1 satisfies the single line and multi select but it no longer displays the entire set making selecting more than the top item impossible. Is there a way to do this? Straight HTML doesn't seem to work. Thanks - Tod __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple select dropdown on a single line
Tod, could you draw a picture of what you are attempting to achieve ? Philip Taylor Tod wrote: I have the requirement to allow users to make multiple selections from a dropdown menu. However I need to accomplish this on a single line. - A traditional dropdown satisfies the single line requirement but not the multi-select. - Making it multi-selectable increase its presentation greater than a single line. - Setting size 1 satisfies the single line and multi select but it no longer displays the entire set making selecting more than the top item impossible. Is there a way to do this? Straight HTML doesn't seem to work. Thanks - Tod __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/