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

CSS

Bryan Merlos
Bryan Merlos
1,399 Points
Posted by Bryan Merlos
Bryan Merlos
1,399 Points

Adding the css.normalize file

I downloaded the normalize file they want you to. I made a new folder and added the normalize file under it. The title of the folder is "css". Once i add the code <link rel="stylesheet" href="css/normalize.css"> as instructed, when i preview the page the text changes, but the bullet points will not go away. Please help! I have been stuck on this for a couple of hours

    <header>
      <a href="index.html">
        <h1>Merlos Atuo Detailing</h1>
        <h2>Portfolio</h2>
      </a>
      <ul>
        <li><a href="index.html">Portfolio</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="index.html">Contact Us</a></li>
      </ul>
    </header>
john larson
john larson
16,594 Points

I'm just barely ahead if you in the course. I had a an almost identical problem at the same place. I could not get the issue resolved. I ended up starting from the very beginning again. I learned some new things second time through and got past that spot this time.

3 Answers

mikes02
PLUS
mikes02
Courses Plus Student 16,968 Points
mikes02
mikes02
Courses Plus Student 16,968 Points

Hi Bryan,

What CSS are you using to remove the list styles? Have you tried:

header ul {
list-style-type: none
}
Bryan Merlos
Bryan Merlos
1,399 Points
Bryan Merlos
Bryan Merlos
1,399 Points

Hi mike. Thanks for the reply I appreciate it. So I haven't used any additional css code to make the bullets disappear because in the video, he does not add any additional code from what I can see. Where would I insert the new code you provided?

mikes02
mikes02
Courses Plus Student 16,968 Points

Do you have a primary CSS file you are working off of in addition to normalize.css?

Bryan Merlos
Bryan Merlos
1,399 Points
Bryan Merlos
Bryan Merlos
1,399 Points

I do not. At this point what I have done is what the video has instructed me to do. Should i create a CCS file? Is this not a big problem and something that can be fixed later on? i just dont want to lose track and later on end up with more problems that i do not know how to fix

mikes02
mikes02
Courses Plus Student 16,968 Points

Bryan,

It's important that you understand what normalize.css is used for. From their website:

"Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing."

Some import the normalize.css file at the top of their main stylesheet, if you're using SASS some people include it as a partial, and some just link to it in their HTML above their primary stylesheet. It depends on the project and personal preference.

You can certainly create a stylesheet in addition to normalize.css where you can play around with styles and see how they change your site, it would be a good way to see how the changes you make impact your design.

Andrew Stelmach
Andrew Stelmach
12,583 Points
Andrew Stelmach
Andrew Stelmach
12,583 Points

Bryan, what I would do (to troubleshoot), is to first copy/paste the normalize css into the top of your main stylesheet.

Then, if your bullet points disappear, then you know the original problem was something to do with the location of your normalize.css file. I suspect that is the problem and the above step should confirm that.