Solved

apply height to <select> tag of html

Posted on 2009-07-01
11
793 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
Comment Utility
Adjust the  select font size..
That will adjust the height  respectivly.

Selvol
0
 

Author Comment

by:arunprasher
Comment Utility
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
Comment Utility
<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
 
LVL 17

Expert Comment

by:selvol
Comment Utility
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
Comment Utility
Unless I am wrong. In that case I apologize.
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 17

Expert Comment

by:selvol
Comment Utility
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
Comment Utility
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
Comment Utility

Did you ever get this solved?
Selvol
0
 
LVL 17

Expert Comment

by:selvol
Comment Utility

Did you ever get this solved?
Selvol
0
 

Author Comment

by:arunprasher
Comment Utility
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
Comment Utility
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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
css question -easy, i think 2 27
Setting Up a Responsive Form 24 40
css question 1 31
Re-position sub-options beneath the TAB 7 36
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

763 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

11 Experts available now in Live!

Get 1:1 Help Now