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

Shavon Bilis
Shavon Bilis
403 Points

Stage 3 of Creating HTML Content, External CSS (CSS reset)

The bullet points still display after I've added the link element with attribute "stylesheet" and the relative file path. Did I do something wrong?

Shavon Bilis
Shavon Bilis
403 Points

To be more clear, I am trying to do the CSS reset.

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

4 Answers

Hi Shavon,

Are you seeing the bullets point in your navigation or only with the gallery items?

It's normal at this point to still have them with the gallery items.

If you're still seeing them in the navigation then I would post the html you're using to link normalize.css

Shavon Bilis
Shavon Bilis
403 Points

For both.

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

Sorry, I didn't catch it the first time when you posted that code but you're missing the opening quote around stylesheet

Should be

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

If it's working properly then it'll remove the bullet points from the navigation links and you'll remove the bullet points from the gallery later on in the course.

GURJAP SINGH
GURJAP SINGH
7,556 Points

Hi! Shavon

It depends where ever you apply the styles. Not sure if you have built points on the active links? or just simple list items. try this if these are the active links (with "a href=#" tags)

nav(your class) li a {
     list-style= none;
    text-decoration = none;
}

You can apply the similar properties to the :hover element by referring the a:hover { } tag. Hope this will help! or post your code for reference.

Henry Goh
Henry Goh
20,201 Points

Hi Shavon,
Does the CSS file contains any reference to li with list-style: none;?
Could you attach your code on how you link your html page to your css file?

Best regards,
Henry

Shavon Bilis
Shavon Bilis
403 Points

Hi Henry, Here's my code:

<link rel=stylesheet" href="css/normalize.css">
GURJAP SINGH
GURJAP SINGH
7,556 Points

@Shavon Bilis you are missing the quotes around rel= attribute. Try the code below:

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