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 Styling Web Pages and Navigation Style the Image Captions

David Chadwick
David Chadwick
506 Points

Does anyone know why I would have black bullets next to each of my pictures?

There are rounds bullet points next to each of my pictures. Is that normal? If not, how do I get it to disappear?

You should take a snapshot of your workspace and paste it here. Do you know how to do that?

11 Answers

Kevin Korte
Kevin Korte
28,149 Points

You'll need to set your unordered list's style to none, like this:

ul {
  list-style: none;
}

More docs: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Right now the bullet points are 'normal.' In the very near future lessons, you will learn how to get rid of them.

Keep Coding! :)

Yup that's it. Feel free to give Kevin an "upvote" as he provided the answer that you were looking for. And if it's the "Best Answer", you can label it as such as well! (you being the person that created the question)

Happy coding!!!

Hello again David!!

Let's try looking at it this way..

So a{} refers to all the links on the page right?

And .gallery li {} refers strictly to the list items in .gallery class.

.gallery li a p {} refers to all the p tags -associated with the links -associated with the list items -inside of the .gallery class.

So to not select a{} would mean that anything out side of the p tags -in the link tag -in the list items -in the .gallery class, wouldn't have the color #6ab47b selected.

a{} selects the whole house's artesian shelves. gallery li a p {} selects the pots (p) under the artesian shelves (a) in the lime green painted section (li) of the kitchen. (.gallery)

Does that make sense?

I Hope it helps!!!

So do you remember they were talking about the cascading nature of css and specificity?

The Cascading Nature trumps that which has come before, EXCEPT when it comes to specificity!!

So here's the problem:

In line 124 of your name.css file you have this (as you've stated):

/* links */
a {
  color: #6ab47b;
}

and in line 90 of the same file, you have this:

#gallery li a p {
  margin: 0;
  padding: 5;
  font-size: .75em;
  color: #bdc3c7;
}

Line 90 is more specific, so line 124 works for everything but the specific exception -(color for all links except the gallery's list item link text).

So Line 90's color change cancels out Line 124's color change due to rules of specificity -( Line 90 is more specific)

Does that make sense? Sorry if I repeated myself too much!!

Keep coding!! :-)

David Chadwick
David Chadwick
506 Points

One more question - why did we do this earlier:

/* links */ a { color: #6ab47b; }

When we were going to end up making it grey here:

gallery li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

gallery li a p {

margin: 0; padding: 5; font-size: .75em; color: #bdc3c7; }

David Chadwick
David Chadwick
506 Points

Joshua- That totally makes sense, but here is where I am getting confused: if I remove

/* links */ a { color: #6ab47b; }

from my workspace, nothing visibly changes on my page. Why is that?

Would you mind pasting a snapshot here?

Oh and you don't happen to have 2 index.html files do you? (index.html and index2.html)

David Chadwick
David Chadwick
506 Points

Another snapshot like this? And I do not, but I can easily create that if needed. https://w.trhou.se/xjl6l7l6o5

David Chadwick
David Chadwick
506 Points

That makes sense! So do we even still need line 124? Where else is it applied besides the text?