Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Benji Beck
Benji Beck
5,238 Points

Did I link my external stylesheet correctly?

I'm currently using Notepad ++ and my stylesheet is located in :

"C:\Users\Benji\Desktop\portfolio\css"

I've tried to put in "background-color" on various areas "head, body, footer" to test if it was active and I'm not seeing any changes made.

Any troubleshooting tips?

https://w.trhou.se/tub19evqox

7 Answers

Tobias Erich
Tobias Erich
Courses Plus Student 2,980 Points

Hey Benji, I suppose you stored the html file in "C:\Users\Benji\Desktop\portfolio\html\"?

If it so, you need to set your link to <link rel="stylesheet" href="../css/main.css"> .

The .. navigates the href attribute to the parent folder at first and then in the css folder, where it can find the css file.

Tobias Erich
PLUS
Tobias Erich
Courses Plus Student 2,980 Points
Tobias Erich
Tobias Erich
Courses Plus Student 2,980 Points

Now i can see your mistake.

You declared the link attribute INSIDE your title attribute. Just change it and close your <title> element directly behind Benji Beck and don't forget to delete the other </title>. ;)

Now, your code should work properly.

Bogdan-Adrian Cornea
Bogdan-Adrian Cornea
9,347 Points
Bogdan-Adrian Cornea
Bogdan-Adrian Cornea
9,347 Points

Hello,

I think you can write like this :

<link rel="stylesheet" href="css/main.css">

And all will be fine.

Benji Beck
Benji Beck
5,238 Points

Hello, Thanks for the tip, I've made the adjustment but still not seeing changes. Will continue troubleshooting, if you have any other suggestions please feel free to let me know!

Benji Beck
Benji Beck
5,238 Points
Benji Beck
Benji Beck
5,238 Points

Hello, Appreciate the advice, tried the suggested code but still unable to view changes. Will continue search for answers and troubleshoot. If you any ideas or suggestions, please feel free to let me know!

Benji Beck
Benji Beck
5,238 Points
Benji Beck
Benji Beck
5,238 Points

Hey Tobias,

Thanks for the tip, I've revised to: <link rel="stylesheet" type="text/css" href="../css/main.css"> Still not seeing any changes, do you see any errors there?

Benji Beck
Benji Beck
5,238 Points
Benji Beck
Benji Beck
5,238 Points

Woohoo!

Followed your suggestion correction and now changes are reflected. It was a lot easier to figure out once you pointed that out.

If anyone runs into this error, I followed the link below after Tobias mentioned what had caused it.

http://www.dummies.com/web-design-development/html5-and-css3/how-to-use-an-external-style-sheet-for-html5-and-css3-programming/

Your awesome Tobias, thanks again for your help!

Benji Beck
Benji Beck
5,238 Points
Benji Beck
Benji Beck
5,238 Points

Link to revised workspace:

https://w.trhou.se/1jomje2g7l