help with changing fonts in a textarea?

@something_Aug 22.2004

hello, i’ve read about how to change fonts in a textarea on a few other sites before, but i’m not exactly sure ~~[b]~~where[/b] to place the code at…i’m looking to make the texarea in verdana…plus i don’t even know if my code is structured properly,(which might be the source of my frustration) because i can’t even do simple things like make links or make words bold without the actual html tags showing up on my page…so if someone could look over my work and give me some suggestions, i would greatly appreaciate it

here’s some of what my textarea page looks like…

</STYLE>
</HEAD>
<BODY>
<TEXTAREA READONLY style=”color:white” cols=43 rows=19 wrap=hard CLASS=”TA” <textarea style=”background: transparent;”>

-Aug. 22-
Well, if you missed our show last Thursday with League, then you are lame. They are one of the dopest bands in all the land. If you missed last night’s show, then you are ultra lame. All of the bands were so great. Our next show is this friday, the 27th, at Equal Eyez with 7 rad bands for only 7 measly dollars, so be there and redeem your lame self.

-Aug.12-
New pictures have been added from our latest show, so go check them out and see the gorgeous mugs of our new bassist, Rey and our new guitarist, Nick. We’ve got three more shows left for the month of August, one on the 19th, the 21st, and the 27th. Don’t be lame, go to them all.

-July 17-
We had too much fun playing Shy One’s CD release show last night. Our new members are doing awesome and we can’t wait to do more shows. Be sure to check out Shy One’s site in our link section and pick up his new CD, “Where I Stand, I Will Fall,” in stores July 20.

</TEXTAREA>
</BODY>
</HTML>

hopefully, i copied that correctly and won’t further mess things up…here is a link to the actual news page of the site for a more indepth look
~~[URL=http://www.burnthesethoughts.com/news.html]~~web site link…[/URL]

thank you

to post a comment

HTML

14 Comments(s) _↴

@JonaAug 22.2004 — #[font=trebuchet ms]This should be what you want; I removed your colored scrollbars as they are proprietary and should not be used on any site, period. Are you a web designer, or do you need a professional to design your site? The code used (textarea not in a form) is completely unsemantic.[/font]

<i>
 </i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en" dir="ltr"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
 &lt;title&gt;Burn These Thoughts.com | News&lt;/title&gt;
 &lt;style type="text/css"&gt;
 textarea {
 color: white;
 font-family: verdana;
 background: transparent;
 }
 &lt;/style&gt;
 
 &lt;/STYLE&gt;
 &lt;/HEAD&gt;
 &lt;BODY&gt;
 &lt;TEXTAREA READONLY cols="43" rows="19" wrap="hard"&gt;
 -Aug. 22-
 Well, if you missed our show last Thursday with League, then you are lame. They are one of the dopest bands in all the land. If you missed last night's show, then you are ultra lame. All of the bands were so great. Our next show is this friday, the 27th, at Equal Eyez with 7 rad bands for only 7 measly dollars, so be there and redeem your lame self.
 
 -Aug.12-
 New pictures have been added from our latest show, so go check them out and see the gorgeous mugs of our new bassist, Rey and our new guitarist, Nick. We've got three more shows left for the month of August, one on the 19th, the 21st, and the 27th. Don't be lame, go to them all.
 
 -July 17-
 We had too much fun playing Shy One's CD release show last night. Our new members are doing awesome and we can't wait to do more shows. Be sure to check out Shy One's site in our link section and pick up his new CD, "Where I Stand, I Will Fall," in stores July 20.
 &lt;/textarea&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@CharlesAug 22.2004 — #[font=monospace]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="Content-Script-Type" content="text/javascript">

<meta name="Content-Style-Type" content="text/css">

<title>Example</title>

<style type="text/css">



</style>

</head>

<body>

<div id="pane">

<h4>Aug. 22</h4>

<p>Well, if you missed our show last Thursday with League, then you are lame. They are one of the dopest bands in all the land. If you missed last night's show, then you are ultra lame. All of the bands were so great. Our next show is this friday, the 27th, at Equal Eyez with 7 rad bands for only 7 measly dollars, so be there and redeem your lame self.</p>

<h4>Aug.12</h4>

<p>New pictures have been added from our latest show, so go check them out and see the gorgeous mugs of our new bassist, Rey and our new guitarist, Nick. We've got three more shows left for the month of August, one on the 19th, the 21st, and the 27th. Don't be lame, go to them all. </p>

<h4>July 17</h4>

<p>We had too much fun playing Shy One's CD release show last night. Our new members are doing awesome and we can't wait to do more shows. Be sure to check out Shy One's site in our link section and pick up his new CD, "Where I Stand, I Will Fall," in stores. July 20.</p>

</div>

</body>

</html>[/font]

@something_authorAug 22.2004 — #[i]Originally posted by Jona [/i]

[B][font=trebuchet ms]This should be what you want; I removed your colored scrollbars as they are proprietary and should not be used on any site, period. Are you a web designer, or do you need a professional to design your site? The code used (textarea not in a form) is completely unsemantic.[/font]

[/B][/QUOTE]

Thank you Charles and Jona, for both of your helpful responses, although I found Charles' response to be a bit over my head as I didn't recognize the div#plane parts at all...But I am only a self-taught beginner, using tutorials from the internet...I have thought about using the assistance of a professional Web Designer, but I do not feel it is necessary at this point in the game for my band's purposes. I'm really just hoping to learn a fun skill and improve myself and such, although I've obviously mangled things up already(what with the scrollbar colors, which must look as cheap as Yosemite Sam mud-flaps to you advanced users).

Well, I went with Jona's method and I still do not know how to add links and make text bold...it keeps showing up with the tags in full view...I'm confused. <b> </b> is for bold and <A HREF="insert site link here">Click This Link</A> is for linking...so what am I doing wrong when I add those tags right along into my text? Does it have something to do with my overall crude methods for creating a textarea box? Alright, well thanks again

@Paul_JrAug 22.2004 — #[i]Originally posted by something? [/i]

[B]Does it have something to do with my overall crude methods for creating a textarea box? Alright, well thanks again [/B][/QUOTE]
In a manner of speaking. HTML code entered into a textbox will not be parsed; just rendered as-is. [i]<b>text</b>[/i] will show up exactly as [i]<b>text</b>[/i] rather than [i][b]text[/b][/i].

@JonaAug 22.2004 — #[font=trebuchet ms]You should be using P tags for your paragraphs, not a textarea.[/font]

@Ben_RogersAug 22.2004 — #Something that I've found helpful, since text is the main focus of any page, to begin every stylesheet with:
* {font-family: font1, font2, font3, generic; font-size: 1em;}

@MstrBobAug 23.2004 — #I'd suggest using semantic mark-up, and CSS like this:

[SIZE=1]

<i>
 </i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en" dir="ltr"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
 &lt;title&gt;Burn These Thoughts.com | News&lt;/title&gt;
 &lt;style type="text/css"&gt;
 div#scroller {
 color:#ffffff;font-family: Verdana, Arial, sans-serif;font-size:1em;background:transparent;
 width:20em;height:19em;overflow:auto;border:2px inset;padding:3px;}
 #scroller ul {list-style-type:none;padding:0;margin:0;}
 #scroller h2 {font-size:1.2em;font-weight:normal;margin:0;padding:0;}
 
 &lt;/style&gt;
 
 &lt;/STYLE&gt;
 &lt;/HEAD&gt;
 &lt;BODY&gt;
 &lt;div id="scroller"&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;h2&gt;-Aug. 22-&lt;/h2&gt;
 &lt;p&gt;Well, if you missed our show last Thursday with League, then you are lame. They are one of the dopest bands in all the land. If you missed last night's show, then you are ultra lame. All of the bands were so great. Our next show is this friday, the 27th, at Equal Eyez with 7 rad bands for only 7 measly dollars, so be there and redeem your lame self.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;h2&gt;-Aug.12-&lt;/h2&gt;
 &lt;p&gt;New pictures have been added from our latest show, so go check them out and see the gorgeous mugs of our new bassist, Rey and our new guitarist, Nick. We've got three more shows left for the month of August, one on the 19th, the 21st, and the 27th. Don't be lame, go to them all.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;h2&gt;-July 17-&lt;/h2&gt;
 &lt;p&gt;We had too much fun playing Shy One's CD release show last night. Our new members are doing awesome and we can't wait to do more shows. Be sure to check out Shy One's site in our link section and pick up his new CD, "Where I Stand, I Will Fall," in stores July 20.&lt;/p&gt;
 &lt;/li&gt;&lt;/ul&gt;
 &lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

[/SIZE]

First, we're using a div, setting it's width and height, and giving it an overflow:auto. This means if it's contents overflow it's set dimensions, to add scrollbars. We're using an unordered list, because you're updates are just that, a list. We're using CSS to remove the bullets and spacing of the list, though. Next, you're dates are sub headers, so we use <h2>, and <p> for your paragraph of text.

Paul is right, HTML in textarea's don't get parsed. And for the record, if you want strong text to stand out, use <strong>. If you wish to emphasize text, so that it appears in italics, use <em>. <b> and <i> are meaningless and shouldn't be used.

@CharlesAug 23.2004 — #If that's a list then everything's list.

And I really like using the CSS2 "content" property if only because its been since 1998 and the Einsteins over at Microsoft cannot figure out how to make it work.

@MstrBobAug 23.2004 — #Well, it IS a list. A list of updates. And I like marking it up semantically because it comes out nice in textual browsers.

And I really like using the CSS2 "content" property if only because its been since 1998 and the Einsteins over at Microsoft cannot figure out how to make it work.[/QUOTE]

Yeah, well, we all know that the IE development team is a bit slow on the uptake. On the IE Blog, every comment is Make IE fully CSS-standards compliant! They get tons of feedback on it, yet no one ever responds about it, or gets the idea in there heads. *sigh* I feel its hopeless...

@JonaAug 23.2004 — #[font=trebuchet ms]Bob, Charles is right. It doesn't seem very logical, let alone semantic, to use a list when headings/subheadings and paragraphs are sufficient.[/font]

@MstrBobAug 23.2004 — #I don't know, it seems like a list to me. And its proved useful for allowing me to have a parent element when making a Latest Update section like this. I wanted to style the each update to basically be in it's own box, and I found an unordered list to be a more semantic approach then using a bunch of <div>'s.

@Ben_RogersAug 23.2004 — #I agree with Bob. It is a list of updates, not an article or the like, so it should be marked up as a list, especially since headers are not required for the update, and might be better off done as emphasized text.

@something_authorAug 23.2004 — #Thank you all for your suggestions. This time, I went with MstrBob's code, as it applied best to what I needed to do. I'll keep studying up and hopefully I will improve my skill, as this was my first website.

@Ben_RogersAug 23.2004 — #[i]Originally posted by something? [/i]

[B]Thank you all for your suggestions. This time, I went with MstrBob's code, as it applied best to what I needed to do. I'll keep studying up and hopefully I will improve my skill, as this was my first website. [/B][/QUOTE]

Good call, and luck. ^{^^{^}}

Also in #HTML _↴

Selecting products through Menus About <br/> spacing How to click a button then iframe to refresh?

Success!

Help @something_ spread the word by sharing this article on Twitter...

Tweet This

help with changing fonts in a textarea?

14 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

help with changing fonts in a textarea?

14 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

14 Comments(s) _↴

Also in #HTML _↴