PDA

View Full Version : how do you edit text after you make a style sheet?

onegurlrvltion
06-18-2004, 03:32 PM
I made a style sheet i really like, but i don't know how to put the text INTO the sheet! HELP! (thanks)
kittycat
06-18-2004, 03:40 PM
What do you mean by 'put text into the sheet'? Regular text that you make doesn't go into the stylesheet, the only things you should have in there are the CSS codes. Then you include your style sheet with your main HTML code (between the <head> and </head> tags), and the text etc on your page will have the attributes you specified in the style sheet.
orangespin
06-18-2004, 04:11 PM
you make the style sheet, and if u want to make the heading, u put <H1>w/e u want here</h1> then if you want to make the paragraphs, u put <p>blah blah blah</p> and then if you want to put the text box, u put <form ACTION=URI><textarea rows="5" cols="20" >Put your text here</textarea></form>. etc u just write wat u want in the right brackets and out them in th body! hih
onegurlrvltion
06-18-2004, 05:22 PM
thanks, i just got confused (i'm just starting web-design w/o a template so it's all new to me) thanks! :)
onegurlrvltion
06-18-2004, 05:39 PM
do any of you know of some place that explains (in really simple terms) what to do AFTER you make a style sheet?? I'm still having some trouble with it!
kittycat
06-18-2004, 05:54 PM
A stylesheet only adds to the look of the page. You still need to create the main HTML of how the content is going to be displayed. If you haven't coded the main page yet, you have to do that before you do anything more with the stylesheet.
salomeyasobko
06-18-2004, 06:21 PM
try checking out www.lissaexplains.com/html.shtml, www.lissaexplains.com/css2.shtml and www.lissaexplains.com/css3.shtml, the first explains webpages a little better and last two explain/have examples of CSS layouts and stuff!


you know, maybe you should check out www.lissaexplains.com/css.shtml also, just for some basic knowledge on CSS :D
onegurlrvltion
06-19-2004, 06:12 PM
thanks! :) i think i'm starting to understand, maybe..... lol
onegurlrvltion
06-21-2004, 12:38 AM
ok, i think i'm starting to understand this, but i have one more question. I took one of the basic layout thingies that lissa has in the CSS part of the site


<html>
<head>
<title>Three Column CSS Layout with Header</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}
</style>
</head>

<body>

<div id="header">

Your header will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags.

</div>

<div id="left">

Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.

</div>


<div id="center">
All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>

<div id="right">

Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags.

</div>

</body>
</html>
ok, so what part of this is a style sheet?? any of it??? i'm confused!!!!! please help!
Vicki.
06-21-2004, 01:16 AM
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}
</style>

This part is the stylesheet :)
onegurlrvltion
06-21-2004, 02:51 AM
THANKYOU!!!! :) hopefully, one of these days, i'll get it right!! (lol) thanks again!