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
Jerry Flores
330 PointsI have done entire lesson 3 times and still cannot get the css to play with the HTML
Please help. I cannot get my page to follow along with Nick's.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jerry Flores | DVOP</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Jerry Flores</h1>
<h2>DVOP</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 mode in photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p> trying to create an 80s style of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p> Drips created.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p> creating shapesusing repetition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/j_f52"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
<img src="img/facebook.png" alt="facebook logo">
<p>© 2014 Jerry Flores.
</footer>
</div>
</body>
</html>
and the css
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
#logo {
text-align: center;
margin: 0;
}
a {
color: #6ab47b;
}
Jerry Flores
330 PointsThank you.
5 Answers
Logan R
22,989 PointsMake sure the CSS file is in a directory called CSS and is called main.css.
Jerry Flores
330 PointsThanks for the reply Logan, the main.css and normalize.css files are in the CSS folder in the diectory.
Logan R
22,989 PointsIs it on a local directory on your computer?
Try pressing Ctrl+F5, this will force the browser to recache.
Aurelian Spodarec
7,369 PointsIf that doesnt work . Try to put them in the same older . i mean HTML and CSS int the same older net to each other , if that doesnt work something is wrong either with your code or something else.
Jerry Flores
330 PointsSo here's wht I just tried. I copied Nick's full HTML and pasted into my workspace and I did the same with his CSS. Saved and refreshed and there is still no CSS elements in the preview. I am using firefox version 32.0.1 I will try your suggestion next Aurelian. Thanks
Logan R
22,989 PointsI copied your code and pasted it into a workspace I created and everything worked just fine for me.
http://web-63xykqbpys.treehouse-app.com/
I made a file named index.html and I made a folder called css and placed in it the main.css. (I did not include the normalize.css file)
Jerry Flores
330 PointsThat's great Logan, thanks for confirming I'm not crazy. I will try my wife's laptop when I get home. I'll try it on Chrome OS. I'll post how it goes. Thanks a lot. Jerry
Ricky Sparks
22,249 PointsPossibly here is what i ran into: My CSS was missing a curly brace for my code and highlighted my selectors in red. Another issue may be that the arrangement of folders. Also the naming of the pictures might have a number to it like facebook[1].jpg when it should be facebook.jpg without the number.
Jerry Flores
330 PointsThank you, I'll look at that when I get home.
Ryan Duchene
Courses Plus Student 46,022 PointsRyan Duchene
Courses Plus Student 46,022 PointsEdited your post to add syntax highlighting.