HTML Forum

**pipers dragon** · 07-08-2004, 10:45 PM

Is there a way to make a page that has css and make the whole site use that css?

**OmuCuSucu** · 10:55 PM

make the css extrenal and include it in every other page ...

... if i understood the problem correctly.

this is how you include an external css:

Code:

<link rel="stylesheet" type="text/css" href="cssfile.css">

just use that in the <head> tag of your page.

**pipers dragon** · 07-08-2004, 11:06 PM

How do I make the external style sheet though.... Thats the problem! I know you could somehow....

**andrews_john** · 07-09-2004, 02:37 AM

just make it like a simple styles definition... if you know how to write inline css sheets, why can't you write an external one?

everything is the same

for example:

a { color: red; font-family: verdana;}
a:hover {text-decoration: none;}
p { color: black; font-family: verdana; font-size: 10 pt;}

and so on.. and the include it like OmuCuSucu wrote...

**pipers dragon** · 07-09-2004, 02:45 AM

so i would just make a .html page just with css only?

**Dark-Skys99** · 07-09-2004, 02:58 AM

You make a file with just your CSS in and then save it as...

filename.css

Best way would be using notepad

Hope this helps

-James

**pipers dragon** · 07-09-2004, 03:00 AM

it does, a lot! Thanks!

**StudioWorks** · 07-09-2004, 05:40 AM

My advice to you is use external CSS , i have never used inline CSS .. dont know why tho...

**OmuCuSucu** · 07-09-2004, 07:48 AM

pipers dragon ... just come back in case you run into any other trouble

**pipers dragon** · 01:14 PM

thanks! You all really did help! I do have one more problem though, my hosting has a thing where you can just make a new page, and write it online, and the choices of pages you can make are: text document, html document, perl script, and shell script... Which one would I use?

**Dark-Skys99** · 07-09-2004, 02:07 PM

Quote:

Originally Posted by pipers dragon

thanks! You all really did help! I do have one more problem though, my hosting has a thing where you can just make a new page, and write it online, and the choices of pages you can make are: text document, html document, perl script, and shell script... Which one would I use?

It depends...if you can choose what to save the text file as...

Like being able to call it... filename.css

Which I suppose you cant..

Otherwise you will have to include the css into a HTML file like...

HTML Code:

<style type="text/css"><!--

CSS CODE HERE

--></style>

Hope this helps

-James

**pipers dragon** · 07-31-2004, 10:42 PM

this is what I have... It is not seeming to work... can you tell me whats up?

HTML Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<title>enter</title>
</head>


<body bgcolor="#FCFCF4">
<center><a href="indexx.html"><img src="enter.gif" border="0"></a>
</body>


</html>

**Dark-Skys99** · 08-01-2004, 12:14 AM

Cant see no errors in that...

Post the code for the css file it may be an error in there..

-James

**pipers dragon** · 08-01-2004, 05:02 PM

HTML Code:

<style type="text/css">
body {
scrollbar-track-color: #EEDDC1;
scrollbar-base-color: #FCFCF4;
scrollbar-arrow-color: #9E6822;
scrollbar-3d-color: #9E6822;
scrollbar-shadow-color: #9E6822;
cursor: crosshair;

A:link
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:active
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:visited
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:hover
	{
	color:#D37403;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:line-through;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
                     letter-spacing:1px;
                     font-style:normal;
                     color:#D37403;filter:Blur(strength=10);
                     height:24px
}
</style>

**Dark-Skys99** · 08-01-2004, 05:07 PM

You dont need to include the style tags...

Also you had missed the closing tag of the body style..

HTML Code:

body {
scrollbar-track-color: #EEDDC1;
scrollbar-base-color: #FCFCF4;
scrollbar-arrow-color: #9E6822;
scrollbar-3d-color: #9E6822;
scrollbar-shadow-color: #9E6822;
cursor: crosshair;
}

A:link
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:active
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:visited
	{
	color:#9E6822;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
	}
A:hover
	{
	color:#D37403;
	font-size:10px;
	font-family:century gothic;
	font-style:normal;
	font-weight:normal;
	text-decoration:line-through;
	cursor:crosshair;
	font-variant:normal;
	text-transform:normal;
                     letter-spacing:1px;
                     font-style:normal;
                     color:#D37403;filter:Blur(strength=10);
                     height:24px
}

That should work

-James

**scottfree** · 08-02-2004, 07:03 AM

Piper´s Dragon, If your provider won´t let you save a .css file, then you won´t be able to use external css files. If you have to inline it in every page, then you will have to use the style tags and put it into each HTML page. If you can use external css files then you can write the code just like a normal txt file, without html tags and then save the file with a .css extension.
If I am understanding this properly, you are trying to save a HTML file here and use it as a css file, that won´t work.
Hope this helps.

**chris3471** · 11-10-2005, 11:24 PM

Dreamweaver is a great program for a beginer, it will do all the coding for you and you can export the style sheet. I wrote an article on it here. http://www.searchmebaby.com/articles...eaver_tutorial

**Nahele** · 11-14-2005, 04:41 AM

You're probably not going to be able to use your hosting's online page maker because your choices don't inculde a css file. So write on your own computer in whatever program you want and then save it as filename.css - then you will need to get it on your host's server, most likely by ftp. After that you should be able to link all your pages to this and work fine.

Hope this all makes sense.

**Skorch1** · 11-16-2005, 06:03 AM

My host also won't allow me to create stylesheets online but if you can rename files it's not a problem. First create a text document and name it anyname.txt. Next write the stylesheet info into it and save it. Then I would go to the rename file button and change it from anyname.txt to style.css This has worked for me.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!