CSS won't load

shad · May 25th, 2007, 7:29 PM

This is about as simple as it gets, but I still can't get it to work and neither can the people I've already asked for help, at this point I hope it's just something really basic we're all overlooking. Which is why I come to you good people of the surmunity for advice, consolation and of course hugs.

To sum up the problem, I can't seem to link a css file from my main html doc, and make it work. I've tried all sorts of things, file permissions, hard linking, upload methods (binary/etc), uploading it to another site hosted by a friend/surpass where css was working. Anyway, here are my two docs.

index.php

Code:

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link rel="stylesheet" href="inc/style.css" type="text/css">
        <title>northflare</title>
</head>
<body>
        <p>This really should be working.</p>
        <img src="images/header.jpg" alt="northflare - header"></img>
        <br>        
</body>
</html>

inc/style.css

Code:

body {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
color: #ff0000; 
text-decoration: none
}

This code is up and running at www.northflare.com, From my understanding, at the very least, this should change the text of the body to the specified color, which is red. It does not. As I've mentioned I've tried a myriad of possible fixes and nothing has work, I really don't know why this is so.

If anyone can shed some light onto this problem, I would definitely appreciate it. Thank you!

**deastwood** · May 25th, 2007, 7:51 PM

have you tried putting the font colour in a p style?

shad · May 25th, 2007, 7:54 PM

I had, just did it again to be sure, added the following to style.css

p {
color: #ff0000;
}

And no luck :/

**Brandonnn** · May 25th, 2007, 7:56 PM

it's because you haven't properly linked the stylesheet to the html document...!

Code:

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

currently you have this set as the location of the stylesheet but nothing is there: http://www.northflare.com/inc/style.css

shad · May 25th, 2007, 7:58 PM

How is that done? I tried removing the directory path, and just having the file in the same folder as index.php, but that didn't work...

**Brandonnn** · May 25th, 2007, 8:00 PM

Quote:

Originally Posted by shad

How is that done? I tried removing the directory path, and just having the file in the same folder as index.php, but that didn't work...

see my example for reference...
http://usefuel.com/northflare/

from what I can tell you haven't uploaded the CSS document to your server yet.

**Brandonnn** · May 25th, 2007, 8:00 PM

Quote:

Originally Posted by shad

How is that done? I tried removing the directory path, and just having the file in the same folder as index.php, but that didn't work...

from what I can tell you haven't uploaded the CSS document to your server yet.

Where is the CSS document? what folder is it in?

shad · May 25th, 2007, 8:11 PM

the css path is, http://northflare.com/inc/stlye.css

I had this problem earlerier, messed with permissions and the file could be accessed, but it still didn't work properly.

**Brandonnn** · May 25th, 2007, 8:20 PM

Quote:

Originally Posted by shad

the css path is, http://northflare.com/inc/stlye.css

I had this problem earlerier, messed with permissions and the file could be accessed, but it still didn't work properly.

ok, follow these directions and it will work.

1)Open your Index file and change the stylesheet line to look exactly like this:

Code:

<link rel="stylesheet" href="http://northflare.com/inc/stlye.css" type="text/css">

2)Upload the new index file and visit your page again and you will see the change.

3(optional):
Remove the paragraph style from the CSS document since you already have it set in the Body. It should look like this:

Code:

body {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
color: #ff0000; 
text-decoration: none
}

May 25th, 2007, 7:29 PM	#1 (permalink)
shad Registered User Seasoned Poster Joined in May 2007 30 posts Gave thanks: 0 Thanked 0 times	CSS won't load This is about as simple as it gets, but I still can't get it to work and neither can the people I've already asked for help, at this point I hope it's just something really basic we're all overlooking. Which is why I come to you good people of the surmunity for advice, consolation and of course hugs. To sum up the problem, I can't seem to link a css file from my main html doc, and make it work. I've tried all sorts of things, file permissions, hard linking, upload methods (binary/etc), uploading it to another site hosted by a friend/surpass where css was working. Anyway, here are my two docs. index.php Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="inc/style.css" type="text/css"> <title>northflare</title> </head> <body> <p>This really should be working.</p> <img src="images/header.jpg" alt="northflare - header"></img> <br> </body> </html> inc/style.css Code: body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #ff0000; text-decoration: none } This code is up and running at www.northflare.com, From my understanding, at the very least, this should change the text of the body to the specified color, which is red. It does not. As I've mentioned I've tried a myriad of possible fixes and nothing has work, I really don't know why this is so. If anyone can shed some light onto this problem, I would definitely appreciate it. Thank you!

May 25th, 2007, 7:51 PM	#2 (permalink)
deastwood Surpass Fan Super #1 Joined in Mar 2006 1,024 posts Gave thanks: 66 Thanked 55 times	have you tried putting the font colour in a p style? __________________ Oxygen Solutions - Main Website MoneyScience - Latest Project

May 25th, 2007, 7:56 PM	#4 (permalink)
Brandonnn ﴾͡๏̯͡๏﴿...tweet Super #1 Joined in Dec 2005 5,768 posts Gave thanks: 147 Thanked 151 times	it's because you haven't properly linked the stylesheet to the html document...! Code: <link rel="stylesheet" href="INSERPROPERLINKHERE" type="text/css"> currently you have this set as the location of the stylesheet but nothing is there: http://www.northflare.com/inc/style.css __________________ poof Last edited by Brandonnn; May 25th, 2007 at 7:58 PM.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

May 25th, 2007, 7:54 PM	#3 (permalink)
shad Registered User Seasoned Poster Joined in May 2007 30 posts Gave thanks: 0 Thanked 0 times	I had, just did it again to be sure, added the following to style.css p { color: #ff0000; } And no luck :/

May 25th, 2007, 7:58 PM	#5 (permalink)
shad Registered User Seasoned Poster Joined in May 2007 30 posts Gave thanks: 0 Thanked 0 times	How is that done? I tried removing the directory path, and just having the file in the same folder as index.php, but that didn't work...

May 25th, 2007, 8:11 PM	#8 (permalink)
shad Registered User Seasoned Poster Joined in May 2007 30 posts Gave thanks: 0 Thanked 0 times	the css path is, http://northflare.com/inc/stlye.css I had this problem earlerier, messed with permissions and the file could be accessed, but it still didn't work properly.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)