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 How to Make a Website Creating HTML Content Include External CSS

Benjamin Harvey
Benjamin Harvey
3,206 Points
Posted by Benjamin Harvey
Benjamin Harvey
3,206 Points

Do you know why the bullets wouldn't go away after I added the normalize css file?

After I added the link to the normalize.css to the index.html file that I created to follow along, the bullets didn't go away as they did in Nick's video demonstration. Anyone know why that would happen? I am using chrome btw.

6 Answers

Paul Mink
PLUS
Paul Mink
Courses Plus Student 908 Points
Paul Mink
Paul Mink
Courses Plus Student 908 Points

Hi Ben,

I think you have an error in head section where you are including the normalize.css stylesheet.

It should read:

<link rel="stylesheet" href="css/normalize.css">

You are missing an an equals sign after the 'href'.

mobilesuitcake
mobilesuitcake
7,493 Points
mobilesuitcake
mobilesuitcake
7,493 Points

It's likely that the normalize.css stylesheet has been updated since the video came out.

A quick glance at the source code for the latest version (3.0.1) doesn't show any styling that affects bullet points.

I can't remember how the video progresses and I don't want to jump ahead, but you should try the following out:

ul {
    list-style: none;
}
Benjamin Harvey
Benjamin Harvey
3,206 Points
Benjamin Harvey
Benjamin Harvey
3,206 Points

Hi Luke,

Here is my index.html file:

  <head>
    <meta charset="utf-8">
    <title>Benjamin Harvey | Software Engineer</title>
    <link rel="stylesheet" href"css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Benjamin Harvey</h1>
        <h2>Software Engineer</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/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 modes in Photoshop.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Trying to create an 80's style of glows.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>Drips created using Photoshop brushes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <img src="img/twitter-wrap.png" alt="Twitter Logo">
      <a href="http://facebook.com/benjamin.harvey.77"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <p>&copy; 2014 Benjamin Harvey.</p>
    </footer>
  </body>
</html>

Here is the portion of the normalize.css file I downloaded from the lesson that I believe should remove the bullets:

```nav ul, nav ol { list-style: none; list-style-image: none; }

I tried adding ul {list-style-type: none;} to the css file but still the bullets didn't go away.

I appreciate your help.

Thanks,
Ben
Luke Glazebrook
Luke Glazebrook
13,564 Points

Try this:

<link rel="stylesheet" href="css/normalize.css">

The reason your code didn't work was because you missed out the equals sign which is needed to assign the value to the href attribute!

Next time something like this happens read through the related code line by line and try to look for syntax errors specifically. They can be a real pain.

-Luke

Benjamin Harvey
Benjamin Harvey
3,206 Points
Benjamin Harvey
Benjamin Harvey
3,206 Points

Thanks for your help Max. I tried what you suggested and it didn't get rid of the bullets.

Shauna Altman
Shauna Altman
228 Points
Shauna Altman
Shauna Altman
228 Points

I'm having the same issue. Here is my code. I've looked it over, but I can't tell why it isn't working.

<head> <meta charset="utf-8"> <title>Shauna Altman | Consultant</title> <link rel="stylesheet" href="css/normalize.css"> </head>

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hey Benjamin!

Please post up your code so I can help you further with your problem.

If you do not know how to properly format your code on the forums already then please refer to the 'Markdown Cheatsheet'.

Thanks,

-Luke