HI

I want to increase the height of a <select> and a <inpuy type="text"> but i am unable to vertically align the text to the middle of the input fields.

How do i do this please?
I would like this to be compatable with IE6 also.

Cheers

Steve

have you tried:

<style = height:100px; width:100px; text-align:left;> ?

it does nt work on the select though

Use CSS like this:

select {
/* your CSS properties here */
}

input[type=text] {
/* your CSS properties here */
}

hey csm
That doesnt actually help me to get over my problem

Have you tried the following?

select, input[type=text] {
      vertical-align: middle;
}

As far as my knowledge goes, IE6 does not support this. You could also, instead, try to add padding to the elements and see if that gives the result, in-case this does not work.

First of all, chances are that finding a solution will be a lot quicker if you ignore ie6.

I second the padding suggestion. Also try playing around with the font-size.

Give us an online example please

Originally Posted by numbenator

HI

I want to increase the height of a <select> and a <inpuy type="text"> but i am unable to vertically align the text to the middle of the input fields.

How do i do this please?
I would like this to be compatable with IE6 also.

Cheers

Steve

Hi,
Just add id or class to the input feilds and write css to them i thinks this will do need ful

Just add a class to your <select> and <input>. In your stylesheet define your height and also add padding.

Hi,
are you clear if not please raise the question this will be helpfull