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/

Reply via email to