CSS sheet [Archive] - Webmaster Forums

View Full Version : CSS sheet

thu_phan

07-25-2004, 05:10 AM

Hi There,

I am extremely new with this. I am trying to create a CSS sheet BUT do not know where do I create from. What program am I supposed to creat CSS sheet

I put in the 1st Page but it does not work.

And if it is on another program, how do I link to 1st Page

Thank you very much in advance

azlatin2000

07-25-2004, 05:40 AM

thu_phan

07-25-2004, 06:30 AM

azlatin2000

how do i set the header with the background to be a color light green. I do not want the whole page to be light green only partially.

three

07-25-2004, 06:51 AM

#header { background:yourcolor; }
make sure your external style sheet has a .css file extention.

thu_phan

07-25-2004, 07:04 AM

I am confused.

Where do I created the .CSS file. Once I create the file, where do I save it into , how do I call it to work with 1st Page

Also, I only want to have partial background color... ie.. I only want to create a part of the page to have color which I believe it is called a header.

If anyone has an example, I am grateful.

thu_phan

07-25-2004, 08:12 AM

DESPERATELY CONFUSED!!!!!!!!!!!!!!!!
READ THE W3 SCHOOL DOCUMENTS AND..
HAS TRIED NUMEREOUS ATTEMPTS WITH HORRIBLE RESULTS
PLEASE HELP ME I NEED HELP WITH THE CSS FILE AND CALLING IN THE HTML FILE

I am attempting to create a header wtih only 1 color lightgreen as the background without text, and partial color only, not the whole page. The frame (?), I am hoping to use the correct term here, should repeat on other pages.

HELP....HELP....HELP.... I am drowning......

DanThMan

07-25-2004, 10:39 AM

It seems like you really should do your homework and I know just the place for it...
http://tom.neoburn.net/content/tutorials/css/1/
and after that you're ready for...
http://glish.com/css/
Please, let us know how you're getting along with it :cheers:

thu_phan

07-25-2004, 12:25 PM

I have read all the links. What I am trying to do is not having text. Having text inside is easy. I only want to have background on partial of the page. Not the whole page more like 1/3 of the page. I have a hard setting up.

DanThMan

07-25-2004, 01:31 PM

Can you show me what you've done so far?
A link or the code ( html and css ) please!

Terminator1138

07-26-2004, 05:28 AM

Ya, paste your code here and let us see it and then show you where to put it. If you have not read the tutorials, you will never figure our CSS. The best thing to do is read up on the examples with the tutorials.

Second, for acurate help, you must post your code so that we can point out your mistakes, otherwise we cannot see what you see. Good luck

andy_h

08-10-2004, 05:25 AM

<html>
<head>
<style type="text/css">

body {

color: #ffffff;
font-family: verdana, tahoma;
font-size: 9pt;
top margin: 0px;
left margin: 0px;
}

h4 {
color: #ffffff;
font-size: 12px;
text-align: left;
text-decoration: bold;
}

h4:first-letter {
color: #ffffff;
font-size: 22px;
text-decoration: bold;
}

a:link {
font-size: 9pt;
text-decoration: none;
color: #48d1cc;
font-weight: bold;
}

a:visited {
font-size: 9pt;
text-decoration: none;
color: #48d1cc;
font-weight: bold;
}

a:hover {
font-size: 9pt;
text-decoration: none;
color: #ccffff;
font-weight: bold;
cursor: help;
}

td {
color: #ffffff;
font-family: verdana, tahoma;
font-size: 9pt;
}

</style>

</head>
<body>
</body>
</html>

something along this line would do. Just copy it into a word program and call it something that you'll remember like stylesheet.css

hope this helps

andy

pascal

08-12-2004, 09:47 AM

What in the world is that code about, andy_h?

I thought about this, for the topic starter:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
/* begin of style sheet */
body{
margin:0px; /* no margin so that the header will fit perfect */
}
#header{
background-color: 00ff00; /* background: light-green */
width: 100%;
height: 30%;
}
#content{
background-color: 3300ff;
color: #ffff00; /* yellow text */
width: 100%;
height: 50%;
}
#footer{
width: 100%;
height: 20%;
background-color: ff0000;
}
/* end of style sheet */
</style>
</head>

<body>

<div id="header"> 

  

</div> 

<div id="content"> 

Welcome to my site.<br>
bla bla
</div> 

<div id="footer" align="center"> 
copyright by me
</div> 

</body>
</html>

You do need to edit it big time, but i think this lay-out is what you want.

Pascal

catchar

01-06-2005, 06:18 PM

Oh for the love of PETE! :hmmmm:

Whoever the original poster is in this thread, I feel his pain. It was like talking to a wall to get the proper answer for that guy. :smack:

The question is quite clear:

How does one make a style sheet connect to the html doc in FP so that it works while editing. In other WYSIWYG editors (like FrontPage), you get a sheet tabbed in with the same doc. But where should it be located on your computer so the 1st Page html doc will find it?

His question has nothing to do with what CSS is and how to code it (from the recommendations of homework and all the tutorial links).

Will anyone attempt to field this question again? I need to know.

Thanks!

And please excuse the sarcasm... one of my few pet peeves are forum members who answer the wrong questions. It sabotages the original poster, wastes space and delays others who come along later to find the same answer.

catchar

01-06-2005, 06:28 PM

I found this answer on the forum.

http://developers.evrsoft.com/forum/showthread.php?t=2740&highlight=style+sheet

I hope this helps someone else who comes along.

dabbler

01-07-2005, 02:14 AM

Actually the original question was:

I am extremely new with this. I am trying to create a CSS sheet BUT do not know where do I create from. What program am I supposed to creat CSS sheet

I don't know where your your quote comes from, Catchar. Or is it a paraphrase of what you think the question was?

Trying to get to the bottom of a questioner's problem is often difficult, and given some of the original poster's responses, it seems that he had problems with css, per se.

I share your frustrations with the way questions are fielded sometimes, but feel that in this case your sarcasm and criticism is ill-founded.

BTW - welcome to the forum, I look forward to your contributions with interest.

catchar

01-07-2005, 03:09 AM

< off topic >

It's clear I paraphrased.

The question is also clear.

The link has the proper answer.

Sarcasm stands as is.

Thanks.

< / off topic >

dabbler

01-07-2005, 04:16 AM

Then I bow to your insight. Clearly, with your ability to read the minds of those wo post here, you will be a tremendous asset to the forum.

Terminator1138

01-07-2005, 06:38 AM

A due warning for Catchar.....Your sarcasm is noted, however not all see the light for reasoning. Please post in ways not to offend anyone as stated in the Guidelines. The questions were answered, but thu_phan did not enter his code. He read the articles. Azlatin showed hiim how to link in an external CSS file. Thu_phan can also use internal styling also.

The original poster as not responded back so we don't know if his code is wrong. Firstpage does not support real time CSS previewing in edit mode. The document has to be saved and the css file must remain in same location as his saved local html file in order for him to see the changes he made. He stated he was very new to CSS which is why he is having problems understanding. We are here to help but we cant do everything and code for all. I agree with dabbler with both of his posts. Thanks for providing another link within your post. Welcome to the forums also.

Also for the record, CSS files can be created easily in Firstpage by selecting new document and selecting css..it puts the same startup information each time for ease. So the program is noted in posts, the way to link to HTML is noted and the coding is provided. All questions answered.