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.

HTML How to Make a Website Creating HTML Content Include External CSS

Julia Aguiar
Julia Aguiar
700 Points

The normalize.css file is linked, but the bullet points are still there. What do I do?

I can see the normalized.css file is linked correctly because it changed the font and everything else. But the bullet points are still there and I can't seem to find what have gone wrong.

7 Answers

Kevin Korte
Kevin Korte
28,135 Points

Bullet points will be there. I think when the video was made, they were using V1 of Normalize, which at the time was more verbose than it is today (that's a bad thing IMO). Today, we're on V4, and they've refocused normalize to worry more about browser inconsistencies, and less about stylist changes (a good thing, IMO).

All that to say, your results will differ today from the video, and as long as your normalize file is a 200 OK status in your inspector element, you're good to go.

Julia Aguiar
Julia Aguiar
700 Points

Oh thanks Kevin! That makes sense. I thought maybe I was doing something wrong :)

Maybe they should put a note somewhere, I don't know if other people have had the same doubt already.

Kevin Korte
Kevin Korte
28,135 Points

Yeah, I agree, I think I've answered this question a half dozen times over the year. A quick little note, annotation, something.

But those pesky bullet points get everyone hung up, and for good reason. You expect similar results and you don't see that.

Happy coding!

Sean Roberts
Sean Roberts
4,856 Points

Do you have any other stylesheets associated with your file that may be overriding your normalize.css file? Can you provide any code for us to look at to help you further?

Julia Aguiar
Julia Aguiar
700 Points

No, I don't. I'm following the steps just like the video "Including External CSS". Is it normal not to reset the bullet points? I tried closing the workspace and the preview tab and opening both again, but they are still there.

So my code is like this right now:

<html>
  <head>
    <meta charset="utf-8">
    <title>julia aguiar</title>
    <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>julia aguiar</h1>
        <h2>designer</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>
          <a href="img/Livro_OBanquete.jpg">
            <img src="img/Livro_OBanquete.jpg" alt="">
            <p>O Banquete</p>
          </a>
        </li>

        <li>
          <a href="img/Livro_Beedle.jpg">
            <img src="img/Livro_Beedle.jpg" alt="">
            <p>Os contos de Beedle, o Bardo</p>
          </a>
        </li>

        <li>
          <a href="img/Livro_Experimental.jpg">
            <img src="img/Livro_Experimental.jpg" alt="">
            <p>Livro de experimentações</p>
          </a>
        </li>

        <li>
          <a href="img/Livro_Promessas.png">
            <img src="img/Livro_Promessas.png" alt="">
            <p>Promessas: cartas para hoje</p>
          </a>
        </li>

        <li>
          <a href="img/Livro_Umbilical.png">
            <img src="img/Livro_Umbilical.png" alt="">
            <p>Cordão–Umbilical</p>
          </a>
        </li>        
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com/juliasaurrr"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href="http://facebook.com/juliabaguiar"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2014  julia aguiar.</p>
    </footer>
  </body>
</html>
Sean Roberts
Sean Roberts
4,856 Points

Have you run inspect element to see if you have any 404 errors?

Julia Aguiar
Julia Aguiar
700 Points

Just did and it does not show any 404 errors. Maybe its something wrong with the file? I'll try downloading it again

Julia Aguiar
Julia Aguiar
700 Points

It didn't work either.

:(

Sean Roberts
Sean Roberts
4,856 Points

To clarify: Both of your ul elements still show bullets (within both your header and section)?

In looking at the normalize.css file I noticed only ul elements with a parent nav element have the "list-style: none" attribute. Therefore, the ul element in your header should not have any bullets while the ul in you section should still have bullets.

Thoughts?

Julia Aguiar
Julia Aguiar
700 Points

Oh that makes sense!! Thanks a lot Sean!

I got confused cause in the video class the ul in his section didn't have any bullet after the normalize.css file was linked, which is weird... Maybe it's their mistake.

Well, thanks again :)

Charlie Figueroa
Charlie Figueroa
2,043 Points

I had the same issue. How do you remove the bullets on the photos?