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 trialAnthony Yu
2,438 Pointscss file not loading into html file
My html code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Anthony Yu | Designer</title>
<link ref="stylesheet" href="css/normalize.css">
<link ref="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Anthony Yu</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 colors</p></a></li>
<li><a href="img/numbers-02.jpg"><img src="img/numbers-02.jpg" alt=""><p>Cool stuff</p></a></li>
<li><a href="img/numbers-06.jpg"><img src="img/numbers-06.jpg" alt=""><p>80's stuff</p></a></li>
<li><a href="img/numbers-09.jpg"><img src="img/numbers-09.jpg" alt=""><p>Warhol stuff</p></a></li>
<li><a href="img/numbers-12.jpg"><img src="img/numbers-12.jpg" alt=""><p>Artsi stuff</p></a></li>
</ul>
</section>
</div>
<footer>
<a href="http://twitter.com/nickpetitt"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>Ā©2015 Anthony Yu</p>
</footer>
</body>
</html>
My css code: a { text-decoration: none; }
wrapper {
max-width: 940px; margin: 0 auto; padding:0 5%; }
logo {
text-align: center; margin: 0; }
Hope someone can help thanks!
3 Answers
Poul Larsen
5,902 Pointsyou made a spelling error at
<!-- spelling at "<link ref" -->
<link ref="stylesheet" href="css/normalize.css">
<link ref="stylesheet" href="css/main.css">
<!-- should be "<link rel" -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
use "rel" instead of "ref"
Anthony Yu
2,438 PointsPaul, you saved a life today. THANKS A BUNCH!!!!!!! I've been trying for so long and didn't catch that mistake. Anyway you're the bomb!
Poul Larsen
5,902 PointsYour welcome and thanks for the points. I tried to type ref an google it. an maybe you mistake the typing for "href"
"href" and "rel" can be mistaken when you type fast href is use for links and "rel" is used for "relationship"
wc3 school:
The required rel attribute specifies the relationship between the current document and the linked document/resource.
Anthony Yu
2,438 Pointsok good to know thanks!!