School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 307,109 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,014 people online right now. Registration is fast and FREE... Join Now!




<select> tag (dropdownlist) textbox height

 

<select> tag (dropdownlist) textbox height

ismailc

21 Oct, 2009 - 06:37 AM
Post #1

D.I.C Head
**

Joined: 14 Sep, 2007
Posts: 76



Thanked: 3 times
My Contributions
Good day,

I know it is not possible to change the border of a dropdown (select tag) in IE7 browser.

I managed to change the height by increasing the font of the dropdown.

I don't realy want to change the font, is there another way - i played around with line-heigth but also no luck.

Please Assist!

User is offlineProfile CardPM
+Quote Post


ecuscotty

RE: <select> Tag (dropdownlist) Textbox Height

21 Oct, 2009 - 06:54 AM
Post #2

New D.I.C Head
*

Joined: 14 Oct, 2009
Posts: 40



Thanked: 5 times
My Contributions
You can change it with the style attribute of the select tag...

CODE

<select name="test" style="height:50;">
     <option>One</option>
     <option>Two</option>
</select>


Have fun.
User is offlineProfile CardPM
+Quote Post

ecuscotty

RE: <select> Tag (dropdownlist) Textbox Height

21 Oct, 2009 - 09:53 AM
Post #3

New D.I.C Head
*

Joined: 14 Oct, 2009
Posts: 40



Thanked: 5 times
My Contributions
Sorry I didn't test properly. This works in FF but not IE...
User is offlineProfile CardPM
+Quote Post

MacAnimeGirl

RE: <select> Tag (dropdownlist) Textbox Height

21 Oct, 2009 - 11:53 AM
Post #4

D.I.C Regular
Group Icon

Joined: 30 Sep, 2008
Posts: 276



Thanked: 6 times
My Contributions
Have you tried the line height of both the options and the select? You could try putting them in a span and see if it will make it any bigger.
User is offlineProfile CardPM
+Quote Post

tharam04

RE: <select> Tag (dropdownlist) Textbox Height

3 Nov, 2009 - 01:33 PM
Post #5

New D.I.C Head
*

Joined: 27 Feb, 2009
Posts: 13



Thanked: 1 times
My Contributions
Another way would be to do it like this
CODE

<select name="test" size="2">
     <option>One</option>
     <option>Two</option>
</select>



You can increase or decrease the size to show all or some of the options.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/21/09 12:59PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month