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 Structure the Image Gallery

Can someone explain me what I did wrong? On the upper side of each picture there is a dot.

I did everyting exactely like in the video.

Can you paste the code you used?

2 Answers

Tom Bedford
Tom Bedford
15,645 Points

Hi Rein, I'm guessing the dots you see are the bullet points from using a list item tag around the image.

I downloaded Nick's demo files and see a dot at the bottom left of the image in Safari. The appearance can vary depending on which browser you use as they all have their own default styles for elements.

Good news, you didn't do anything wrong!

Why do they appear? List elements most basic usage is for a list

e.g.

  • cat
  • dog
  • mouse

Lists are also useful for other things though, like in this case a list of images.

How to fix it? Later videos will cover how to remove these default styles. If you know how to add CSS you can use the following to remove it.

ul {
list-style: none;
}

Thanks a lot!