Textarea defined by pixel (or em) value?

laketrout · 12-07-2011, 05:46 PM

Hi Folks,

I have a <textarea> for an input field (naturally). My question: is there a way to determine rows/cols as pixel values?

For example, I have this now:

Code:

<textarea placeholder="Enter your answer here (1,000 character limit)." id="fixed_size" cols="30" rows="5"></textarea>

However, it was requested to be 398x460 pixels in dimension (Width x Height). I am using 16px Helvetica sans-serif if that helps. I am unaware of a way to make this happen exactly, but thought I would ask you fine folks if there is any new CSS3/HTML5 tricks (that don't use canvas...it conflicts with the rest of the app and out of scope for this question).

Please let me know any ideas you may have, and as always thanks for the help.

- lakeTrout

PS: This is only my second post, but have found MANY helpful resources here and a tremendously fast reply to my first post...thanks!

Rowsdower! · 12-07-2011, 05:51 PM

Unless I am misunderstanding your question, you will just need to do this:

Code:

<textarea placeholder="Enter your answer here (1,000 character limit)." id="fixed_size" style="width:398px;height:460px;"></textarea>

Or, better still, in a remote CSS file do this:

Code:

#fixed_size{width:398px;height:460px;}

That will get you the desired dimensions.

laketrout · 12-07-2011, 06:10 PM

Thanks Rowsdower!

I can't believe I missed that. I actually had a defined width in some of the demos that I was showing earlier in an external file...thanks for jogging my memory and setting me straight with the correct solution.

-lakeTrout