Solved

apply height to <select> tag of html

Posted on 2009-07-01
11
795 Views
Last Modified: 2012-05-07
how to build custom control that similar to<select> control using some components like <div> or <span> combine with client script such as javascript, to control height easily. otherwise the height attribute is not getting applied through the style. (i want to give the height to select attribute of html)
0
Comment
Question by:arunprasher
  • 6
  • 3
  • 2
11 Comments
 
LVL 17

Expert Comment

by:selvol
ID: 24761335
Adjust the  select font size..
That will adjust the height  respectivly.

Selvol
0
 

Author Comment

by:arunprasher
ID: 24761738
i don't want to increase the font size i want to increase the height of <select> tab
0
 
LVL 6

Expert Comment

by:Tony O'Byrne
ID: 24765140
<select style="height: 500px;">content</select>

The 500px number is just a silly high number for the sake of demonstration.  The 'px' part tells the browser that the number is represented in screen pixels.

Hope this helps.
0
Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

 
LVL 17

Expert Comment

by:selvol
ID: 24766323
Don't be so sure and fast to shoot the correct answer down.

I'll tell you again.  Just so you can possibly get a correct answer.
FONT SIZE = SELECT size...



Quaoar, that won't work...

Selvol
<select  style="position:absolute;left:79px;top:176px;width:78px;height:16px;z-index:6; font-size : 355;" align="center">  <b><option>increase</option>
  <option>the font</option>
  <option>EE</option>
  <option>Selvol</option>
</select>
 
<select  style="position:absolute;left:9px;top:76px;width:78px;height:16px;z-index:6; font-size : 25;" align="center">  <b><option>increase</option>
  <option>the font</option>
  <option>EE</option>
  <option>Selvol</option>
</select>
 
 
</body>
</html>

Open in new window

0
 
LVL 17

Expert Comment

by:selvol
ID: 24766435
Unless I am wrong. In that case I apologize.
0
 
LVL 17

Expert Comment

by:selvol
ID: 24766569
As far as I know their is no height attrb. for select.
But it could be done with css hacks to mimic the height of the surronding.

If you had the html fot the for you were trying to get the select to size with.
I'd see if what I can do.
0
 
LVL 6

Expert Comment

by:Tony O'Byrne
ID: 24767201
Not to worry. :-)

After doing some research, it seems that it's just not possible to do it with CSS.  I've seen someone online say that it's a GUI control and it's outside of the user's capability to manipulate like that.

So it seems that selvol's way is the way to go.
0
 
LVL 17

Expert Comment

by:selvol
ID: 24793685

Did you ever get this solved?
Selvol
0
 
LVL 17

Expert Comment

by:selvol
ID: 24793699

Did you ever get this solved?
Selvol
0
 

Author Comment

by:arunprasher
ID: 24801078
As far as I know their is no height attrb. for select.
But it could be done with css hacks to mimic the height of the surronding.

If you had the html fot the for you were trying to get the select to size with.
I'd see if what I can do.

give me logical idea or a code strip with that i could increase the height of select tab we expect a solution because our clients demand it.
0
 
LVL 6

Accepted Solution

by:
Tony O'Byrne earned 125 total points
ID: 25178938
What if...  I don't have the chance right now to test it, but I'll throw the idea out there anyway.

What if you were to follow Selvol's suggestion, *but* just enlarge an "&nbsp;"?  The way I see it, it'd enlarge the non-breaking space, which would force the select box to fit it, which would give you an elarged box with no "ugly" large text inside.
0

Featured Post

Problems using Powershell and Active Directory?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

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

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

810 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