hello, i've read about how to change fonts in a textarea on a few other sites before, but i'm not exactly sure where 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
web site link... (http://www.burnthesethoughts.com/news.html)
thank you
Jona
08-22-2004, 12:12 PM
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.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Burn These Thoughts.com | News</title>
<style type="text/css">
textarea {
color: white;
font-family: verdana;
background: transparent;
}
</style>
</STYLE>
</HEAD>
<BODY>
<TEXTAREA READONLY cols="43" rows="19" wrap="hard">
-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>
Charles
08-22-2004, 12:13 PM
<!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>
</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>
something?
08-22-2004, 02:43 PM
Originally posted by Jona
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.
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 Jr
08-22-2004, 03:12 PM
Originally posted by something?
Does it have something to do with my overall crude methods for creating a textarea box? Alright, well thanks again
In a manner of speaking. HTML code entered into a textbox will not be parsed; just rendered as-is. <b>text</b> will show up exactly as <b>text</b> rather than text.
Jona
08-22-2004, 05:11 PM
You should be using P tags for your paragraphs, not a textarea.
Ben Rogers
08-22-2004, 06:39 PM
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;}
MstrBob
08-22-2004, 07:01 PM
I'd suggest using semantic mark-up, and CSS like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Burn These Thoughts.com | News</title>
<style type="text/css">
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;}
</style>
</STYLE>
</HEAD>
<BODY>
<div id="scroller">
<ul>
<li><h2>-Aug. 22-</h2>
<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>
</li>
<li><h2>-Aug.12-</h2>
<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>
</li>
<li><h2>-July 17-</h2>
<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>
</li></ul>
</div>
</body>
</html>
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.
Charles
08-22-2004, 07:12 PM
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.
MstrBob
08-22-2004, 07:18 PM
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.
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...
Jona
08-22-2004, 07:21 PM
Bob, Charles is right. It doesn't seem very logical, let alone semantic, to use a list when headings/subheadings and paragraphs are sufficient.
MstrBob
08-22-2004, 07:31 PM
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 Rogers
08-22-2004, 07:46 PM
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?
08-22-2004, 10:24 PM
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 Rogers
08-22-2004, 10:46 PM
Originally posted by something?
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.
Good call, and luck. ^^
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.