Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Customizing Colors and Fonts Use Color in CSS

Dennis Cortes
Dennis Cortes
375 Points

CSS 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>&copy; 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; 
}
Seth McCombs
Seth McCombs
16,767 Points

Hey 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?

Dennis Cortes
Dennis Cortes
375 Points

I 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

Hey Dennis, it looks like you have stylesheet spelled wrong.

Seth McCombs
Seth McCombs
16,767 Points

It 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
Dennis Cortes
375 Points

Oh 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
Seth McCombs
16,767 Points

No 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
Dennis Cortes
375 Points

Oh 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
Seth McCombs
16,767 Points

Awesome!! I'm glad it worked! That's what the forum is for!! Good luck!!