Solved

apply height to <select> tag of html

Posted on 2009-07-01
11
799 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

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

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 describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
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…
Suggested Courses

636 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