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
william leininger
777 PointsChanges in main.css don't appear on previewed index.html page
As the title states I'm having an issue getting changes to appear on my preview.
I have; verified syntax on my css file verified my css links match those in the video deleted and retyped these links as well as the css file
My code is below
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Leini Acres | Forestry</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1>Leini Acres</h1>
<h2>Family Values Forestry</h2>
</a>
<nav>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="index.html">Gallery</a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>family value business</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Focused on tree growth and brush clearing</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>family hard at work</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>natural old growths</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>beautiful trees in mother nature</p>
</a>
</li>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experiment with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experiment with color and texture.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="https://twitter.com\l2g2h"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="https://www.facebook.com/WillyLein"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>&cop; 2015 Leini Acres.</p>
</footer>
</body>
</html>
2 Answers
Jonathan Grieve
Treehouse Moderator 91,253 PointsOne thought I have is that if you're uploading these files to a web server that your browser isn't caching the changes so they don't show up.
If that's the case try pressing refresh on your browser screen. Hoping it's that simple. :)
william leininger
777 PointsI tried it in another browser (Firefox) then came back to Google Chrome to find it working. :S