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
Eleanor Ramachandran
1,050 Pointsmy normalize.css file information is not being applied to the website
I am viewing the “How to Make a Website” video, and, I am not sure that my CSS file is being recognized.
I made the changes as instructor indicates in the video to the main.css file, however, the background color is not applied to the website. Referenced below is my code for html and css.
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css">
CSS body { background-color: orange; }
5 Answers
Eleanor Ramachandran
1,050 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eleanor Ramachandran|Business Development Professional</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>Eleanor Ramachandran</h1>
<h2>Business Development Professional</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Accomplishments</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/Dreamforce.jpg">
<img src="img/Dreamforce.jpg" alt="">
<p>2015 Dreamforce Conference.</p>
</a>
</li>
<li>
<a href="img/Apttus Conference-4-8-15.jpg">
<img src="img/Apttus Conference-4-8-15.jpg" alt="">
<p>Q and A with Magic Johnson.</p>
</a>
</li>
<li>
<a href="img/Mobile Applications.jpg">
<img src="img/Mobile Applications.jpg" alt="">
<p>Application Ecosystem.</p>
</a>
</li>
<li>
<a href="img/Discoveries.jpg">
<img src="img/Discoveries.jpg" alt="">
<p>Discoveries that change people's lives.</p>
</a>
</li>
<li>
<a href="img/MDP3.PNG">
<img src="img/MDP3.PNG" alt="">
<p>More Disruption Please.</p>
</a>
</li>
<li></li>
</ul>
</section>
<footer>
<a href="http://twitter.com/ramacel"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
<a href="http://facebook.com/EleanorRamachandran"><img src="img/facebook-wrap.png" alt="facebook logo"></a>
<p>© 2016 Eleanor Ramachandran</p>
</footer>
</div>
</body>
</html>
Steven Parker
243,656 PointsI didn't see any reference to your CSS in the HTML file. I was expect to see a HEAD section with your link at the top, like this:
<head>
<link rel="stylesheet" href="css/main.css">
</head>
If its not that simple, perhaps you could post a link to your workspace.
Eleanor Ramachandran
1,050 PointsIt is in my code.....
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Eleanor Ramachandran|Business Development Professional</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head>
Eleanor Ramachandran
1,050 PointsLink to my workspace.
Eleanor Ramachandran
1,050 PointsCan someone please explain why the CSS file is not being applies to my workspace webpage? Any changes I make to the main.css file is not applied to the webpage. I'm having a difficult time finishing the course since the css code is not working for my webpage on workspace.
the code to the CSS docs is referenced below
<link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Hind:400,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">
Thanks,
Anthony Mejia
8,840 PointsAnthony Mejia
8,840 PointsHey Eleanor,
Can you please post your html code for us to review?