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

Typing normalize.css after title, still have bullets on my navigation.

The bullets in my navigation still haven't remove yet. What am I doing wrong?

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

6 Answers

geoffrey
geoffrey
28,736 Points

Normalize by default (If I remember well) doesn't reset li's default style. So that's normal if you still have the bullets displayed.

You can if you want reset it on your own, by adding the the right rule.

ul{
list-style-type:none;
}
Stephen O'Connor
Stephen O'Connor
22,291 Points

What is the code for your navigation? Normalize is just a stylesheet that makes default css across browsers the same, so it is a good base for your projects.

Lists will still be styled with bullets as it is the default behaviour of the browser, to remove the bullets you will need to add some additional css:

ul {
     list-style: none;
}

Here is my code for navigation.

<nev>
        <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>
      </nev>

The reason why i thought something was wrong is because in the video, there was no bullets on the navigation.

The <nev> element doesn't exist, it's the navigation called <nav>.

Not sure it will change your list style though.

Stephen O'Connor
Stephen O'Connor
22,291 Points

<nev> needs to be changed to <nav>.

Then in your css file add:

nav ul {
     list-style: none;
}

got it! Thank you :D

In fact, the normalize.css removes the list-style already :

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

So did you check the location of your document ?

Maybe it was just the <nav> element wrote wrong ?

Stephen O'Connor
Stephen O'Connor
22,291 Points

My bad ... it probably was just the <nev>/<nav> typo.

I wrote nav element wrong. Now, the bullets in my navigation have already removed. Thanks again.