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

HTML

Posted by Ryan Ing
Ryan Ing
559 Points

How do I get normalize.css to work?

http://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/include-external-css

I am doing this one, but even after applying it, there are still bullet points on my lists. Going forward to the other lessons, applying rules to change the color of the text isn't working either.

I have downloaded the normalize.css and put it in a css folder. I seem to have followed all of the instructions properly.

Code: (sorry can't post the rest, otherwise it doesn't display in this post for some reason)

Update:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ryan Ing | Student</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      nav a {
        color: white;
        background-color: orange;
      }
    </style>
  </head>
  <body> 
    <header>
      <a href="index.html">
        <h1>Header One, Welcome!</h1>
        <h2>Student</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>
    <section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        <a href="img/numbers-01.jpg">Playing with blending notes in photoshop.</a>
        </li>
         <li>
          <img src="img/numbers-02.jpg" alt="">
        <a href="img/numbers-02.jpg">CLICK here for #2!.</a>
        </li>
      </ul>
    </section>
    <footer>
         <a href="http://facebook.com/ryaning"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
         <a href="http://twitter.com/ryan_ing"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <p>&copy; 2014 Ryan Ing Designz.</p>
    </footer>
  </body>
</html>
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Ryan,

Try posting all your html again.

See this thread on how to post code: https://teamtreehouse.com/forum/posting-code-to-the-forum

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

I forgot to ask, did you get the version of normalize that came with this project, or did you download the newer version from github?

Ryan Ing
Ryan Ing
559 Points

It's fixed. Thanks

2 Answers

Muhammad Mohsen
PLUS
Muhammad Mohsen
Courses Plus Student 10,843 Points
Muhammad Mohsen
Muhammad Mohsen
Courses Plus Student 10,843 Points

Hi Ryan,

Normalize.css doesn't effect list bullets, you need to change it in your main css file, have you included it after normalize.css link in your head section yet?

Ho Sun Lee
Ho Sun Lee
2,003 Points
Ho Sun Lee
Ho Sun Lee
2,003 Points

Did they introduce the main.css part? If so, they should have taught you how to get rid of bullet points and the like.

Also, like Muhammad mentioned, you'd have to add this into your css file for it to show up in your webpage that's linked to it.

Sorry I couldn't help more.