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
Bret Satten
2,245 PointsCSS 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
2,245 PointsThanks 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
2,435 PointsWhre is the normalize located?
Bret Satten
2,245 PointsI 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.
katerogers
6,479 PointsThe 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
2,245 Pointsmy 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.
katerogers
6,479 PointsNormalize.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.
Konrad Pilch
2,435 PointsKonrad Pilch
2,435 PointsGood! 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. :)
katerogers
6,479 Pointskaterogers
6,479 PointsGreat! Good luck with the tutorials