HEELPBOOK - Controlling the width of SELECT lists (HTML) ##############################

####### The Issue

The default width of a SELECT form control is usually dependent on the width of the widest OPTION item in the list; the width of the SELECT list will basically be not much greater (but no less) than this width.

The HTML standards don't allow for a way to control this width. CSS, on the other hand, would be perfect for controlling this, but historical support for CSS on form controls is rather weak.


####### Solution

Since Netscape 4 has only the proprietary attribute that will give the desired effect, it will not hurt anything to combine the use of CSS and the WIDTH attribute.


####### Example

<select name="foo" width="300" style="width: 300px">

<option>one </option>
<option>two </option>
<option>three </option>

</select>


############ ARTICLE INFO #############

Article Month: October
Article Date: 29/10/2012
Permalink: http://heelpbook.altervista.org/2012/controlling-the-width-of-select-lists-html/
Source: http://www.blooberry.com/indexdot/html/topics/selectwidth.htm
Language: English

View more articles on: http://www.heelpbook.net/
Follow us on Facebook: http://it-it.facebook.com/pages/HeelpBook/100790870008832
Follow us on Twitter: https://twitter.com/#!/HeelpBook
Follow us on RSS Feed: http://feeds.feedburner.com/Heelpbook
Follow us on Delicious: http://delicious.com/heelpbook
Linkedin: http://it.linkedin.com/pub/stefano-maggi/27/73a/b20
Google+ : https://plus.google.com/116990277568167008289/posts