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 How to Make a Website Customizing Colors and Fonts Use Color in CSS

I have done entire lesson 3 times and still cannot get the css to play with the HTML

Please help. I cannot get my page to follow along with Nick's.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Jerry Flores | DVOP</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>Jerry Flores</h1>
        <h2>DVOP</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 color and texture.</p>
            </a>
          </li>  
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p> Playing with blending mode in photoshop.</p>
            </a>
          </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p> trying to create an 80s style of glows.</p>
            </a>
          </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p> Drips created.</p>
            </a>
          </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p> creating shapesusing repetition.</p>
            </a>
          </li>
        </ul>
    </section>
    <footer>
      <a href="http://twitter.com/j_f52"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
      <img src="img/facebook.png" alt="facebook logo">
      <p>&copy; 2014 Jerry Flores.
    </footer>
      </div>
    </body>
</html>

and the css

a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  }

#logo  {
  text-align: center;
  margin: 0;
}

a {
 color: #6ab47b;

}

Edited your post to add syntax highlighting.

Thank you.

5 Answers

Logan R
Logan R
22,989 Points

Make sure the CSS file is in a directory called CSS and is called main.css.

Thanks for the reply Logan, the main.css and normalize.css files are in the CSS folder in the diectory.

Logan R
Logan R
22,989 Points

Is it on a local directory on your computer?

Try pressing Ctrl+F5, this will force the browser to recache.

If that doesnt work . Try to put them in the same older . i mean HTML and CSS int the same older net to each other , if that doesnt work something is wrong either with your code or something else.

So here's wht I just tried. I copied Nick's full HTML and pasted into my workspace and I did the same with his CSS. Saved and refreshed and there is still no CSS elements in the preview. I am using firefox version 32.0.1 I will try your suggestion next Aurelian. Thanks

Logan R
Logan R
22,989 Points

I copied your code and pasted it into a workspace I created and everything worked just fine for me.

http://web-63xykqbpys.treehouse-app.com/

I made a file named index.html and I made a folder called css and placed in it the main.css. (I did not include the normalize.css file)

That's great Logan, thanks for confirming I'm not crazy. I will try my wife's laptop when I get home. I'll try it on Chrome OS. I'll post how it goes. Thanks a lot. Jerry

Ricky Sparks
Ricky Sparks
22,249 Points

Possibly here is what i ran into: My CSS was missing a curly brace for my code and highlighted my selectors in red. Another issue may be that the arrangement of folders. Also the naming of the pictures might have a number to it like facebook[1].jpg when it should be facebook.jpg without the number.

Thank you, I'll look at that when I get home.