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

Posted by web pad
web pad
4,483 Points

A list dot/button still appears at left corner at every image, after linking css stylesheet to index.html. Why is it so

Hi, just want to know if there is something wrong with my code. At Nick's video, when he refreshed the webpage after linking css to index.html, the bulleted lists are gone. However when I refreshed my webpage, the list buttons are gone, but now I see a dot/button list at the start of each of the images.They are located on the left upper corner of each image. One dot every image. Here is my code;

https://w.trhou.se/se76g2gio6

<head> <meta charset="utf-8"> <title>Web Pad | Designer</title> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <header> <a href="index.html"> <h1>Web Pad</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> </h

1 Answer

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

Hey there,

This is an older video, so Nick is using an older version of normalize.css. As of version 3, the list-styles are no longer removed with normalize.css. These now have to be removed manually in your own Style Sheet. This is done using the list-style-type rule:

ul, ol {
  list-style-type: none;
}

Hope that clears it up for you. :) :dizzy:

Note for Nick Pettit - Could you possibly add an explanation to the Teacher's Notes clearing this up? This question gets asked very regularly in the Community. If you could... that'd be awesome. Thanks much! :smiley:

web pad
web pad
4,483 Points

Thank you so much for the response.