[RESOLVED] How: to resize drop down boxes

[needinghelpasap]

Hi, My current code is as follows:

                  <select name="field" id="field">
                    <option value="*" selected="selected">Choose Category</option>
                    <option value="GiftId">Gift Id</option>
                    <option value="Name">Name</option>
                    <option value="Description">Description</option>
                    <option value="Picture">Picture</option>
                    <option value="Price">Price</option>
                  </select>

I want to resize this drop down to match text box sizes in my form to improve layout design. Any ideas?

[rsmith]

You need to use CSS to accomplish this. I usually do an inline style on my items like this:

For Text Boxes

<input type="text" name="text1" style="width:200px;">

For Drop Down Menus

<select name="select1" style="width:200px;"></select>

The result are text boxes and drop down menus that are 200px wide. And for the record this should be posted in the Client Side Technologies forum 🙂