"Textarea" Question

[Trublu]

I've been trying to fiddle with the textarea section of Proboards, but I'm having a bit of trouble.

I've been trying to increase the font size via CSS, but I've noticed a disparity between the size that shows up in the "post message" area and the one that shows up when editing my headers/footers (the latter is much larger).

Any ideas as to why this would be?

(I have this in the general section because I have a feeling it might have more to do with the default Proboards coding than anything else.)

[SubDevo]

Well, I just tried on a clean forum (no codes) and the font size is the same for all text areas.

<style type="text/css">
<!--
textarea {font-size:14px;}
-->
</style>

You may have other inline styles or js code that is over-riding the textarea CSS.

In your "disparity"... which is the one that is "wrong"?

[Trublu]

Jul 10, 2010 18:20:47 GMT -8 SubDevo said:

Well, I just tried on a clean forum (no codes) and the font size is the same for all text areas.

<style type="text/css">
<!--
textarea {font-size:14px;}
-->
</style>

You may have other inline styles or js code that is over-riding the textarea CSS.

In your "disparity"... which is the one that is "wrong"?

I don't have any other code that references the textarea, so I don't know what else could be modifying it.

newtest2.proboards.com

It's the headers/footers textareas where the text appears a ton larger than it should.

[SubDevo]

I see you have it set to 1.4em. try a specific px size and see if all the text areas are consistant.
If not, then we'll have to track it down. Something is changing it somewhere...

[Trublu]

Jul 10, 2010 20:29:52 GMT -8 SubDevo said:

I see you have it set to 1.4em. try a specific px size and see if all the text areas are consistant.
If not, then we'll have to track it down. Something is changing it somewhere...

Aha, that seems to do it. Is there a reason that it goes wacky? I prefer to use em's because it resizes the text in IE. (Per this anyway).

ETA: I give up. It resized in IE too, so I don't know what w3 is getting at. If someone wants to explain that to me...

Thanks Subdevo.

[SubDevo]

Did you happen to see the section "Use a Combination of Percent and Em" on that page?
Maybe that will work if you want to use em.

[Charles Stover]

You should use pt over px. px doesn't resize in some browsers, which is bad for users who are visually impaired and thus use the increased font size features.

I assume you're looking for around either 14pt or 16pt.

[Trublu]

Yeah, I did notice and was going to use that method, but I'm confused as to where px doesn't work. W3 said IE doesn't like px, but I tested in IE, and it does in fact resize. I was using IE8 though, so perhaps earlier versions don't like it?

Will pt work in all browsers?

[Charles Stover]

Yes, pt works in all browsers.

[Michael]

Also, if it's a definite overwrite - I'd consider adding !important to overwrite any other inline styles that might be affecting it:

<style type='text/css'>
textarea {
    font-size: 12pt !important;
}
</style>

[Charles Stover]

Jul 11, 2010 17:48:38 GMT -8 Trublu said:

Yeah, I did notice and was going to use that method, but I'm confused as to where px doesn't work. W3 said IE doesn't like px, but I tested in IE, and it does in fact resize. I was using IE8 though, so perhaps earlier versions don't like it?

Will pt work in all browsers?

I think I just got what you were saying. When I [and other sites] say "px doesn't resize," it doesn't mean it doesn't work. Browsers, if not all of them, support font resizes, e.g. holding Ctrl and using the mouse scroll wheel. This allows visually impaired users to resize the font from the default to a readable size. px will resize the font when the page loads, but won't [in some browsers] resize when the user attempts to resize it manually.
Thus if you set the px to a readable size for you, it may not be readable for other users, and those users won't be able to resize it to a readable size. Hence why you shouldn't use px.

[Trublu]

Jul 14, 2010 8:48:37 GMT -8 Charles Stover said:

Jul 11, 2010 17:48:38 GMT -8 Trublu said:

Yeah, I did notice and was going to use that method, but I'm confused as to where px doesn't work. W3 said IE doesn't like px, but I tested in IE, and it does in fact resize. I was using IE8 though, so perhaps earlier versions don't like it?

Will pt work in all browsers?

I think I just got what you were saying. When I [and other sites] say "px doesn't resize," it doesn't mean it doesn't work. Browsers, if not all of them, support font resizes, e.g. holding Ctrl and using the mouse scroll wheel. This allows visually impaired users to resize the font from the default to a readable size. px will resize the font when the page loads, but won't [in some browsers] resize when the user attempts to resize it manually.
Thus if you set the px to a readable size for you, it may not be readable for other users, and those users won't be able to resize it to a readable size. Hence why you shouldn't use px.

Aha, makes MUCH more sense. W3 did a crappy job explaining that. Thanks!

[The Dark Knight]

Jul 13, 2010 1:41:56 GMT -8 Michael said:

Also, if it's a definite overwrite - I'd consider adding !important to overwrite any other inline styles that might be affecting it:

<style type='text/css'>
textarea {
    font-size: 12pt !important;
}
</style>

Ooh, this is new to me. ;D

[Michael]

Jul 15, 2010 21:16:22 GMT -8 The Dark Knight said:

Jul 13, 2010 1:41:56 GMT -8 Michael said:

Also, if it's a definite overwrite - I'd consider adding !important to overwrite any other inline styles that might be affecting it:

<style type='text/css'>
textarea {
    font-size: 12pt !important;
}
</style>

Ooh, this is new to me. ;D

Also useful if you're later redefining a class that affects a couple of textareas, but don't want them to change their font-size or whatever.