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

Bret Satten
Bret Satten
2,245 Points

CSS style sheet not working on tutorial? What have I done wrong?

I'm new to all of this. I'm trying to link up my css style sheet and removing the blue links which is the default for Portfolio, about and contact as per the tutorial. I've checked with the video and can't work out what is wrong and why the style sheet won't work when updating the saved page. Below is a screen shot of the code. Please help. Also, both normalize.css and main.css are moved into a folder named css in workspaces as per the instructions. Any help would be great as I'm pretty new to this. I thought maybe I have something in the code that is stopping the style page from working.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Satten Designs | Graphics</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Bret Satten</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>
</li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes.</p> </a>
</li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>
</li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>
</li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>
</li> </ul> </section>img/ <footer> <a href="http://twitter.com/bretsatten"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/bretsatten"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>ยฉ 2016 Satten Designs.</p> </footer> </div> </body> </html>

CSS screen shot

a { text-decoration: none; }

5 Answers

Bret Satten
Bret Satten
2,245 Points

Thanks for all the help. I finally realised why it wasn't working. The folder I set up was in capital letters and I renamed it to css in lower case. Was doing my head in. Excited to continue along the tutorials now that style sheet is linking up!

Konrad Pilch
Konrad Pilch
2,435 Points

Good! When a beginner asks these kind of questions I allways assume they have something wrong with the file structure, names, or links, that was usually the case. :)

Great! Good luck with the tutorials

Konrad Pilch
Konrad Pilch
2,435 Points

Whre is the normalize located?

Bret Satten
Bret Satten
2,245 Points

I placed it in the CSS folder with the main.css

Was I suppose to put any code on the normalise style sheet. I might have missed a step. I just created a file but don't have any code on the style sheet that's saved.

The CSS stylesheet is working

a { text-decoration: none; }

This code only removes the underline from your links. When I tried your code, the underline was removed. Were there some other style changes you were expecting? If so, please post more of your CSS code.

Bret Satten
Bret Satten
2,245 Points

my underlines did not remove. I think I missed a step with the normalised. I just created and saved a new file called normalise.css

I placed that in the CSS folder. I'm not sure if I was suppose to do anything else on the normalise style sheet. I'm going to try again later tonight. Thanks for your response Kate, glad it worked on yours.

Normalize.css is a file written by someone at MIT, I think. You'll need to download it and add it to your css folder. There might be a link in the teachers notes, or you can just google normalize.css and then copy and paste it into your file.