supertrucker Posted September 21, 2008 Share Posted September 21, 2008 I use several <textarea> tags in my mobile scripts, for inputting user data, i.e., an "About Me", entering discussions in Forums, etc. Is there a recommended rows/cols for mobiles? While playing with it, most mobiles will only let the width of the text area to go as far as the edge of the screen, so even if you put in 1000 cols, then it will shrink it to the screen size. As for the rows, those seem to be a little flexible, and if you put 50 rows in, then it will display a textarea with 50 rows! That's not very optimal for mobile devices.On the other hand, many mobiles will actually open up their own text input area when a user clicks on a text area. So I was wondering, is there a one size fits all here? The one screwing me up right now is Blackberrys, as the input area is used 100% - i.e., it doesn't open up it's own textarea for input, but interacts directly with the object. I'm sure that there are many other devices that do this as well, so would a textarea like <textarea cols="50" rows="5"> be adequate enough for most devices?Thanks for any input, just trying to optimize my site!ST Link to comment Share on other sites More sharing options...
Ingolme Posted September 21, 2008 Share Posted September 21, 2008 CSS usually has preference over the rows and cols attributes, but since the rows and cols attributes are necessary, I usually give about 5 rows and 60 cols.Just usa CSS to style it later and you shouldn't have any trouble. Using percentages in the width can make sure it won't exceed the screen width. Link to comment Share on other sites More sharing options...
supertrucker Posted September 21, 2008 Author Share Posted September 21, 2008 That seemed to work quite nicely, thank you! By the way, can you put comments in CSS, pardon my ignorance, I'm just to lazy to look it up right now and have like 50 different how tos running through my head! Link to comment Share on other sites More sharing options...
Ingolme Posted September 21, 2008 Share Posted September 21, 2008 You just have to put them between /* and */ h1 { margin: 0; }/* This is a CSS comment */p { border: 1px solid blue; } Link to comment Share on other sites More sharing options...
Jerry62704 Posted September 22, 2008 Share Posted September 22, 2008 That seemed to work quite nicely, thank you! By the way, can you put comments in CSS, pardon my ignorance, I'm just to lazy to look it up right now and have like 50 different how tos running through my head!Yep, just use /* comment */ Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.