Changing text-area font face.

Hi all!
The question:
Is it possible to change the type-face of a form text-area, to be different from "Courier"?
Creating a "CSS Style" to "redefine" it, works fine in IExplorer (this way):
------------------------------------
<STYLE TYPE="TEXT/CSS">
<!--
textarea {  font-family: Bedrock}
-->
</STYLE>
------------------------------------
but this doesn't work in Netscape (what a surprise! ;-)
Does anybody know the way to do this, obviously working in both browsers?.

TIA.

Bod:.

LVL 1
bodhyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

oubelkasCommented:
It doesn't work with textarea. Though with input type="text" it does. Netscape doesn't support textarea and style sheet yet, though I think it will in future releases of NS.

Joseph
0
oubelkasCommented:
This is also the case for dropdown boxes, the style sheet doesn't work with this either. Hmmm, just let we say that NS *now* sucks with CSS.

Joseph
0
xabiCommented:
NS lately sucks.
I think that too Joseph

xabi
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

knightEknightCommented:
I don't know if this will work, but you may try a simple font tag:

<FONT face="bedrock">
<TEXTAREA name='mytextarea'></textarea>
</font>


0
bodhyAuthor Commented:
Sorry knightEknight, that doesn´t work...

Has anyone another idea, or must I delete this question (that seems it can't be solved)...

Thanks anyway.

Bod:.
0
bodhyAuthor Commented:
I've been trying again and, oubelkas
is in the truth... styles works with INPUT = "text", in both browsers...
but doesn't whith Textarea...

Bod:.
0
oubelkasCommented:
Doesn't font work?? It must bodhy.

Which browser are you using??

Joseph
0
bodhyAuthor Commented:
I say that it doesn't work with "TEXTAREA", with "INPUT = TEXT" it works fine...

I need a text-area that can scroll, so, single-line input text-area isn't suitable for my idea...

Do you know how to apply style to a scrolling text-area...?

Sorry if my english is bad.

TIA.

Bod:.
0
oubelkasCommented:
<FONT face="bedrock">
<TEXTAREA name='mytextarea'></textarea>
</font>

works fine for me, I'm using IE5.0 and NS4.5 and on both browsers it gives the necessary output.

Well style sheet don't work for textarea with NS yet, so that's not an option, the only way to apply this style is with the <FONT> tags.

Which browser version of NS are you using?

>> Sorry if my english is bad.

Don't apologise, we understand you.. ;)

Joseph
0
bodhyAuthor Commented:
Hi again...
I don't know what i'm doing bad...
The solution from Joseph works in Netscape, but not in Explorer...

A sample I made is located at:
http://www.clar.net/lapsus/xxx.htm

What's wrong with it?
It displays a Arial in Netscape (as supossed to be), but it still displays a courier in Explorer5.

Sure I commited a little error.

Thanks again for your time.

Bod:.






0
oubelkasCommented:
You're absolutely right,

the font tags don't have any effect on textarea in IE but do in NS and style sheet don't have any effect on textarea in NS but does in IE.....*confusing hunh*

To solve this just use both ;)

<HTML>
<HEAD>
<TITLE>Temp</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
textarea {  font-family: Arial,Helvetica, sans-serif}
-->
</STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF">
<form ACTION="myform" METHOD="POST">
  <FONT FACE="Arial, Helvetica, sans-serif">
  <TEXTAREA name="mytextarea" ROWS="15" COLS="40" WRAP="VIRTUAL">Greetings back to Bod ;)</textarea>
  </FONT>
</form>
</BODY>
</HTML>

Joseph
0
bodhyAuthor Commented:
Hi Joseph!
Your code works fine in both browser, before I don't understood that I must combine the Style with the font tag.

So hit the "answer radio button", you have solved the cuestion. Congratulations and thanks a lot.

Bod:.
0
oubelkasCommented:
ok....

thanks :)

Joseph

PS: You could also accept one of my comments as an answer ;)
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Fonts Typography

From novice to tech pro — start learning today.