Solved

how to give height to  <select ?

Posted on 2009-06-30
7
527 Views
Last Modified: 2012-05-07
i am giving style to select but it's not taking the height
.form{height:33px; margin-top:-1px;}
 

.form select{width:199px; height:60px; border-color:#919191; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:12px; padding-top:5px; color:#000000;}
 
 

---------

<div class="form"><select>

<option selected="selected">select</option>

<option value="Corporate Advisory">Corporate Advisory</option>

<option value="Executive Search">Executive Search</option>

</select>

</div>

Open in new window

0
Comment
Question by:arunprasher
  • 3
  • 2
7 Comments
 
LVL 29

Expert Comment

by:David H.H.Lee
ID: 24752571
Hi arunprasher,
Just assign the <select>'s size property to 2 and check the different.
eg:
<select size=2>
0
 

Author Comment

by:arunprasher
ID: 24753397
here i want to show only one row (select) i just want to increase the height not to show two entries

just (select)  should be thier
(two should not be their)
0
 
LVL 29

Expert Comment

by:David H.H.Lee
ID: 24759986
That CSS's height overridden effect may be vary based on different browser and I don't think I.e is support that changes. Probably you need to build custom control that similar to <select> control using some components like <div> or <span> combine with client script such as javascript, then you can adjust the control's height easily. But, this may consume a lot of efforts to do that.  
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24770406
arunpasher,

xcom is correct: "I don't think [IE] is support that changes."

You can't apply a height to a <select> as IE won't render it.  Firefox will, but no browser will show two options for a drop-down...it goes against the HTML specs.



0
 
LVL 29

Accepted Solution

by:
David H.H.Lee earned 250 total points
ID: 24868204
The closer/simpliest solution is using existing <select> control and set its height as preferred. Then, use some client script to make it run as single selection using <select> control.
<select multiple style="height:76px" onchange="javascript:onlyone
 

(this);">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select>
 

<script>

function onlyone(obj){

 var intTotal=0;
 

for(i=0;i<obj.length;i++){

   if(intTotal>=1){

     obj[i].selected=false;

   }
 

   if(obj[i].selected){

     intTotal+=1;

   }

 }

}

</script>

Open in new window

0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24875046
x_com,

What is that code supposed to do?
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now