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

CSS

John Grillo
John Grillo
30,241 Points
Posted by John Grillo
John Grillo
30,241 Points

HTML lesson -- preview isn't updating for CSS lesson?

I've been coding in HTML and CSS for a while but am going through the HTML tutorial because I want a good handle on HTML5. I'm at the part of the demo when it says to experiment with making the body background color of the example web page orange. I typed the tags exactly as shown on screen, same name as all, saved the files multiple times and my preview isn't updating.

I used <link rel="stylesheet" href="main.css"> in HTML page right before the 'normalize' css sheet and then I did

body { background-color: orange; }

and nothing is changing. Is anyone else having a similar problem? I've noticed that treehouse can take a while to update things on their end, but I'm a little confused to why mine isn't updating. I can copypasta the whole raw code here if you all like.

Questions and comments are appreciated. Thanks.

---------------------------------------code--------please enjoy my snarky humor as well.-------------------------------------

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title> John Grillo | The Original $5 Footlong</title> 
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/main.css">
  </head>
 <body>
   <header>
     <a href="index.html">
        <h1>Some don't be like it is, but it do.</h1>
        <h2>Porn Star</h2>
     </a>
     <nav>
       <ul>
         <li><a href="index.html"> Home </a></li>
         <li><a href="about.html"> About </a></li>
         <li><a href="contact.html">Contact</a></li>
       </ul>
     </nav>
   </header>
    <section>
      <ul> Photo Gallery
       <li> 
           <a href="images/numbers-01.jpg">
           <img src="images/numbers-01.jpg" alt="number 1">
        <p>Experimentation with colors and texture</p>
        </a>
      </li>
         <li> 
           <a href="images/numbers-02.jpg">
           <img src="images/numbers-02.jpg" alt="number 1">
        <p>Playing with blending modes in photoshop</p>
        </a>
      </li>
         <li> 
           <a href="images/numbers-06.jpg">
           <img src="images/numbers-06.jpg" alt="number 1">
        <p>Georgia O'Keefe has vaginas, and I have this</p>
        </a>
      </li>
         <li> 
           <a href="images/numbers-09.jpg">
           <img src="images/numbers-09.jpg" alt="number 1">
        <p>Drips with photoshp[ brushes</p>
        </a>
      </li>
         <li> 
           <a href="images/numbers-12.jpg">
           <img src="images/numbers-12.jpg" alt="number 1">
        <p>Repitition</p>
        </a>
      </li>
      </ul>
    </section>
   <footer>
     <p>&copy; 2014 John Grillo  &nabla;
        || Social Media---->
        <a href="http://twitter.com/nickrp"> <img src="images/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/barkley-ordal"> <img src="images/facebook-wrap.png" alt="Facebook Logo"></a>

     </p>
   </footer>


 </body>
</html>

4 Answers

Casey Antoine
PLUS
Casey Antoine
Courses Plus Student 5,174 Points
Casey Antoine
Casey Antoine
Courses Plus Student 5,174 Points

As far as I can tell nothing really looks wrong with your html. If by chance, make sure you're updating and saving to the correct css file and you dont have any conflicting background-color values within the css. Are you editing within the man.css file?

John Grillo
John Grillo
30,241 Points
John Grillo
John Grillo
30,241 Points

No, I'm not getting any updates at all. Thank you for taking the time to look, Casey. And yes, I am saving, working and editing within the same HTML file. I'm thinking the problem is on treehouse's end as I just ran it with a simple style tag in dreamweaver and there were no problems in making the background turn orange. And i just ran it on my desktop as well with an href="main.css", and it runs just fine. It's definitely their end. Of course, if anyone has a better answer, I'd love to hear it.

Jon Edwards
Jon Edwards
7,913 Points
Jon Edwards
Jon Edwards
7,913 Points

Maybe the problem is in the way you are using the workspace files. I would recommend just skipping the workspace and using windows explorer to launch and view your test website in the browser, then you know if the problem is on Treehouse's end for sure. I never end up using the workspace anyway, I prefer to use Brackets or Notepad ++. Also, be sure its named index.html and all files are named correctly. These simple problems drive me nuts when they happen, sometimes it can be a simple addition or omission of a space or curly brace or semi colon, or maybe a misspelled word. Good luck.

Daniel Johnstone
Daniel Johnstone
8,420 Points
Daniel Johnstone
Daniel Johnstone
8,420 Points

This happened to me also, just move on, that's the only thing that didn't work for me. The rest of it was fine. You don't keep the orange background anyway.