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

HTML How to Make a Website Creating HTML Content Include External CSS

Eelco Jacobs
Eelco Jacobs
1,734 Points
Posted by Eelco Jacobs
Eelco Jacobs
1,734 Points

Difference between workspace preview and life website.

When I insert the line: <link rel="stylesheet" href="css/normalize.css"> in the HTML of my workspace, the bulletpoints in my preview disappear, just like they do with Nick in the video. When I copy the entire index file and normalize.css and upload it to my website, the bulletpoints are still there and nothing changes. (Neither in Chrome, Firefox and Safari).

Why is this?

Christine Rose
Christine Rose
6,745 Points
Christine Rose
Christine Rose
6,745 Points

Did you also upload the style.css (or main.css, whichever he's using)?

Brittany Brassell
Brittany Brassell
11,851 Points
Brittany Brassell
Brittany Brassell
11,851 Points

Like Christine said, it sounds like you need the CSS file that is being edited/used for styling. The normalize file is to give you a starting place that's the same/similar across all browsers for continuity through styling.

Make sure you are getting that css file (typically called styles.css or main.css) and also make sure the path stays the same for it when you link it your html document in the <head>. For instance, if Nick had it within a file called CSS but when you copied it over you moved it to the same level as the html document, that would break the link and create the problem you are having. Make sure that path is the same so that it connects.

2 Answers

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

In index.html did you add the normalize.css link before or after your other css link? I believe, whichever is listed after will override what is before it.

Eelco Jacobs
Eelco Jacobs
1,734 Points
Eelco Jacobs
Eelco Jacobs
1,734 Points

Thanks for your answers,

I do not have an other css file. It is not in the project files that you can download under the video. Nick doesn't have an other css file linked in the html he uses in the video [screenshot: http://www.eelcojacobs.nl/wp-content/uploads/2015/03/nick-html.png ], neither do I in both the workspace or the live version.

Where can I find the other css file he is using?