Solved

how to give height to  <select ?

Posted on 2009-06-30
7
526 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
Comment Utility
Hi arunprasher,
Just assign the <select>'s size property to 2 and check the different.
eg:
<select size=2>
0
 

Author Comment

by:arunprasher
Comment Utility
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
Comment Utility
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
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 70

Expert Comment

by:Jason C. Levine
Comment Utility
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
Comment Utility
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
Comment Utility
x_com,

What is that code supposed to do?
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
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…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

771 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

12 Experts available now in Live!

Get 1:1 Help Now