Preserved Topic: dropdown box width... (Page 1 of 1)

after much experimentation, threep inquires:
"does anyone know how to fix the width of a dropdown dox, so that if the option is too wide for the box, it simply wraps to two lines?
i've tried stylesheets, tables, line breaks.... and can't find anything yet. any help would be muchly appreciated."

Pugzly, searching around, remembers a tutorial at the Gurus Network, and says:

"Try this out: http://gurusnetwork.com/tutorials/css/csstut.html - I don't know if it will work, but there is a section on setting widths."

Pugzly then realizes he likes this third person perspective....

threep laughs at his apparent trendsetting, and gets to work on the tip, even though it was very similar to his previous attempts.
sure enough, the same problem occurs, which he reports to pugz (and any other interested parties):
"when i use this:

style="width: 150px;" width="150"

...or any other similar variation, this is what happens:
- in explorer, my supah wide dropdown now is the right width, but it simply chops off any excess characters...
- in netscape, the width still stretches out to fit all characters in.
...anyone got any other ideas?"

There's no way to make dropdown items wrap to two or more lines. You can have only one item in one line (that's how dropdown menus work, just take a look at other Windows applications).



[This message has been edited by mr.maX (edited 06-26-2001).]

finally conceding to the inevitable, threep says:
"thanks for the confirmation, mistah max. i'll be off playing with other things then!"
...and he runs off to play with other things.

also how would you know if something was wrapped or another selection? You'd have to have some sort of indenting etc. sucks I know.


you could ad some JS string manipulation and write the list out dynamically to help make sure that none of your entries are too wide.

If the list is generated from the server via some sort of scripting language you could do it there too.


Walking the Earth like Kane