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

jamesscott
jamesscott
4,432 Points
Posted by jamesscott
jamesscott
4,432 Points

Bullet points are still showing up after nesting normalize.css under CSS folder, and following the code in video.

Why did this happen?

4 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Hi James,

Where you are in the course, the bullet points are supposed to be there and are normal. In future lessons, you will learn why they are there and how to remove them, but for now... it's all good.

Just so you now, normalize.css will NOT remove bullet points.

Keep Coding! :)

Lucas Santos
Lucas Santos
19,315 Points
Lucas Santos
Lucas Santos
19,315 Points

I don't know because I cannot see your code. But if you would like no list style on the unordered list just use

list-style:none

Example:

<ul>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
</ul>

ul{ list-style: none; }
jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    ul {list-style: none;}
    </style>
</head>
<body>
    <ul>
        <li>list1</li>
        <li>list2</li>
        <li>list3</li>
    </ul>
</body>
</html>

I hope that helps with my snippet

Michael Streubert
Michael Streubert
985 Points
Michael Streubert
Michael Streubert
985 Points

Similar issue- while bullet points are removed from the main nav unordered list (Portfolio/About/Contact) when linking to the normalize.css, bullet points still appear next to our images.

The style solution mentioned above works, but that feels like a strange band-aid fix given how early we are in our coding education.

Brian Bush
Brian Bush
4,398 Points
Brian Bush
Brian Bush
4,398 Points

/** * Correct list images handled incorrectly in IE 7. */

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

Inside the normalize file, this is the only line of code that alters the list-style attribute of the ul element. So the bullet points only go away if the ul element is inside of a nav element. Making bullet points still show up on all other ul elements that are not child elements of a nav element.

Hope that helps explain why bullet points still appear next to the images!