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
Dennis Cortes
375 PointsCSS Problems
None of my css code is having an effect on the visuals of my site. I have made sure that it was linked along with the normalize.css but I cannot figure out why the visuals are not being affected, I have followed all the steps up until this point and triple checked my work against Nick's but nothing seems to work, anyway I can get some help? Thanks.
Here is my code if that helps:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML and CSS | Project 1</title>
<link rel="stylsheet" href="css/normalize.css">
<link rel="stylsheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>HTML and CSS</h1>
<h2>The important stuff</h2>
</a>
<nav>
<ul>
<il><a href=index.html>Home</a></il>
<il><a href=terms.html>Terms</a></il>
<il><a href=tags.html>Tags</a></il>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul>
<li>
<a href="img/Terms-Image.png">
<img src="img/Terms-Image.png" alt="">
</a>
</li>
<li>
<a href="img/Tags-Page.png">
<img src="img/Tags-Page.png" alt="">
</a>
</li>
</ul>
</section>
<footer>
<a href="http://cortesarts.com">
<img src="img/My-Logo.png" alt="Cortes Logo"></a>
<p>© 2014 Dennis Cortes.</p>
</footer>
</div>
</body>
</html>
CSS:
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
background-color: orange;
}
#logo {
text-align: center;
margin: 0;
}
a {
color: #6ab47b;
}
header {
background: #e4d19d;
border-color: #e4d19d;
}
Dennis Cortes
375 PointsI don't think it is affecting it. Ever since I put in the normalize.css nothing has changed compared to before I added anything that was css.
2 Answers
Dustin Matlock
33,856 PointsHey Dennis, it looks like you have stylesheet spelled wrong.
Seth McCombs
16,767 PointsIt looks like you have a missing letter "E" in stylesheet in the "rel" attribute for you link tags. Try fixing that typo and see what happens!
Cheers!
Dennis Cortes
375 PointsOh thank you! Unfortunately though nothing has changed. I am not sure why, was there something else I needed to do besides re-save?
Seth McCombs
16,767 PointsNo change after a re-save and refresh? Are the CSS files linked to properly? You have both CSS files saved in a folder name "CSS"?
Dennis Cortes
375 PointsOh nevermind I had just pressed preview but hadn't pressed refresh, it is fixed now! Thanks so much sorry about that, I'm pretty new to all of this. Have a good day!
Seth McCombs
16,767 PointsAwesome!! I'm glad it worked! That's what the forum is for!! Good luck!!
Seth McCombs
16,767 PointsSeth McCombs
16,767 PointsHey there Dennis! Could you post the link section of your HTML where you include your CSS? Does it appear that the normalize.css file is affecting the HTML at all?