Vertical Alignment and TextBox size

[BeemerBiker]

Unaccountably, I cannot set the height of the textbox when using pixels. I wanted the height to match the xx-small font, about "14px", but I found that I had to use "40%" for the height. The "14px" actually worked in the design view, but not at runtime.

So why was the "px" ignored at runtime, but the % worked fine?
Is there an equivalent float for the vertical?

I also plan to use a hovering clickable tooltip (eventually) for the sql filter selections instead of having those start/stop boxes next to the large report buttons. For now, I just want to get it to work and can add the hover stuff later.

thanks again

[Frinavale]

As far as I know there is no easy way to align things vertically.

You could do a cheat where you set the line-height the same as the height of the <div> (or Panel).....I don't know if this'll work with your button though.

All of your questions are better asked in the CSS forum :)

I've moved your question there.

PS. How did you set the Height and Width of the TextBoxes?
Please post your asp code for this.

[drhowarddrfine]

Can this be translated into English...um... I mean HTML? :)

Actually, can someone show the generated markup without the asp stuff.

[Frinavale]

TextBox = <input type='text'>
Panel = <div>
Button = <input type='submit'> or <input type='button'>

[David Laakso]

Put it on a public server and provide a clickable link to it in your post. Hard enough to give an answer seeing an issue, much less wasting everyone's time trying to guess at it.

[Frinavale]

Posting this publicly might be a problem for some ASP.NET web application developers. You will probably have a better chance asking for the HTML for the page.

[David Laakso]

Granted. Please provide the html file and the css file.

[Frinavale]

David, do you know how to vertically align a button within a <div>?

[David Laakso]

Google. Subject line: vertically align a button

[Frinavale]

Funny David, thanks a lot, but you could have just said you don't know off the top of your head.

[drhowarddrfine]

I know how but no one asked me.

[Frinavale]

I've always had problems with vertical alignment.
I've done everything from set the line-height to the height of the parent element...to placing the content in a table and using the v-align property....to using JavaScript...
Actually...I don't think I've used the "vertical-align" style on an element yet (which happens to be the most recommended solution in a google search for vertically aligning ...strange)

What would you recommend Doc?

[David Laakso]

Google. Subject line: vertically align a button

You asked an opened question. I pointed you to an open ended answer. If you would like a specific answer to a specific question then you'll have to do better than write a cursory question that begged the answers: Careful my friend! Or, I beg your pardon?

[Frinavale]

My question:

David, do you know how to vertically align a button within a <div>?

Was in reference to the original question:

Is there an equivalent float for the vertical?

I figured that was obvious since it's in the same thread...I guess that's just how my mind works. It seems pretty specific to me.

Also, you have to keep in mind that the OP is not familiar with CSS at all. In fact, the OP didn't even know that his problem was CSS related.... seeing as I'm not an expert with CSS either, you're probably going to see some "open-ended", simple questions because we don't know what we are looking for.

[drhowarddrfine]

A simple example:

<style type="text/css">
div{height:200px;width:200px;outline:1px solid}
input{position:relative;top:50%}
</style>

<div>
<input type="radio">
</div>

There are other ways if the simple example doesn't fit.