Uncle Jim's Web Designs
Change/Set Select box width
Author:
Jim Stiles
Here is an example of how to set or change the size of your select box or combo box using a Style sheet:
100px
LINK 1
LINK 2
LINK 3
LINK 4
100px
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<style type="text/css"> .widthed{ width:100px; } #formtest p { width:100px; background:green; color:white; } </style>
COPY
-
Insert Inside Body: <BODY></BODY>
<div id="formtest"> <form> <p>100px</p> <select class="widthed"> <option>LINK 1</option> <option>LINK 2</option> <option>LINK 3</option> <option>LINK 4</option> </select> <p>100px</p> </form> </div>
Close This Window