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
Paula Schultz
981 PointsWhy isn't my index.html file referencing my normalize.css OR my inline styles?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Paula Schultz | Designer </title> <link rel="stylesheet" href="css/normalize.css">
<style>
footer {
color: green;
}
footer {
color: orange;
}
</style>
</head>
<body>
<header>
<a href="index.html">
<h1>Paula Schultz</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>
<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 in PS.</p>
</a>
</li>
<li>
<a href='img/numbers-06.jpg'>
<img src="img/numbers-06.jpg" alt="">
<p>trying to create 80's style glow.</p>
</a>
</li>
<li>
<a href='img/numbers-09.jpg'>
<img src="img/numbers-09.jpg" alt="">
<p>drips created using photoshop brushes.</p>
</a>
</li>
<li>
<a href='img/numbers-12.jpg'>
<img src="img/numbers-12.jpg" alt="">
<p>creating shapes using repition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/paulakoalaschultz"><img src="img/facebook-wrap.png" alt="Facebook Logo">
<p>© 2014 Nick Pettit.</p>
</footer>
</body>
</html>
3 Answers
Paula Schultz
981 PointsHI John, yes, I did include my opening and closing html tags.. not sure why that didn't copy over. Below is all the code I have + I should mention that my normalize.css local file is located in a folder titled css and the file path is written correctly. Thanks!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Paula Schultz | Designer </title> <link rel="stylesheet" href="css/normalize.css">
<style>
footer {
color: green;
}
footer {
color: orange;
}
</style>
</head>
<body>
<header>
<a href="index.html">
<h1>Paula Schultz</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>
<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 in PS.</p>
</a>
</li>
<li>
<a href='img/numbers-06.jpg'>
<img src="img/numbers-06.jpg" alt="">
<p>trying to create 80's style glow.</p>
</a>
</li>
<li>
<a href='img/numbers-09.jpg'>
<img src="img/numbers-09.jpg" alt="">
<p>drips created using photoshop brushes.</p>
</a>
</li>
<li>
<a href='img/numbers-12.jpg'>
<img src="img/numbers-12.jpg" alt="">
<p>creating shapes using repition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/paulakoalaschultz"><img src="img/facebook-wrap.png" alt="Facebook Logo">
<p>© 2014 Nick Pettit.</p>
</footer>
</body>
</html>
Burak Samra
2,431 PointsHi Paula!
Except for the slightly off indented style closing tag and the one space just before the title closing tag, which obviously does not have any effect on how the code works, I just can't see any problem with the code - with my very fresh limited knowledge of course. It just seems perfect.
You probably have checked it several times but the only question I have would be: Are you absolutely sure that normalize.css have not been referenced to? I mean, I haven't tried it but do you see big changes when you comment that line out, save your file and view the page again? I know it is a quite silly question.
As for the style tag, I'm not really familiar with it but I've come across something like this for the opening tag:
<style type="text/css">
I've also seen examples where it was not included (on MDN actually) but I guess you can try it out.
Badiul Alam Shufol
533 Pointsmake sure, you placed normalize.css file inside the css folder on the file/folder tree. Otherwise, this code should work fine and it's correctly referenced to normalize.css.
John Magee
Courses Plus Student 9,058 PointsJohn Magee
Courses Plus Student 9,058 PointsIs this the entire code sheet? (just checking if you remembered to include your opening and closing HTML tags.