css linking problems

**DeathCheat** · 12-10-2004, 07:42 PM

Hello. I'm not sure why, but I can't seem to link my main CSS into my seperate pages (like my index.html) and its becoming irritating because I would rather not make a seperate style sheet for every page. Could someone tell me how to do it. Also, should I name my CSS file main.css? Thanks!

**Rincewind** · 12-10-2004, 09:29 PM

There is more than one way to do this, but the simplest is to use code like this in between the <head> and </head> sections of your pages.

Code:

<link href="path/to/styles.css" rel="stylesheet" type="text/css" />

As for names, call the file whatevery you like.

**Kyrnt** · 12-11-2004, 09:23 AM

DeathCheat,

There should be no reason to make more than one style sheet unless you want to. Can you post your link out of your HTML file(s)?

**NateDogg** · 12-12-2004, 11:46 PM

I would actually advise against writing different css files for each webpage as this negates the amazing ability that CSS has to change design over large areas of webspace.

**DeathCheat** · 12-14-2004, 01:47 PM

What I mean is, i have one css file I want to use for all of my pages. The code i put in is as follows.

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

I'm not sure why it deosn't want to work, but it's probably just a stupid midtake of mine. Could anyone tell me why it won't work? Thanks.

**NateDogg** · 12-14-2004, 03:24 PM

Make sure that you have the main.css in the same folder as the html files and make sure your css file is correct, meaning that there is at least one rule in there and it is in correct syntax etc...

Your link statement looks fine to me.

**karinne** · 12-14-2004, 03:26 PM

you don't need the /> unless you're coding xhtml

**Kyrnt** · 12-14-2004, 03:49 PM

Quote:

Originally Posted by karinne

you don't need the /> unless you're coding xhtml

This shouldn't cause an error, however. Neither should putting the different attributes of the tag on seperate lines, but just for discussion, have you tried putting the entire tag on one line?

The biggest issue, as Nate said, is to be sure your main.css is in the same directory as the file containing the CSS link directive. Otherwise, you need to specify the relative path.