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

Posted by Taylor Valley
Taylor Valley
1,998 Points

@ 7:20 - When using the unordered list element, workspaces adds a bullet point to the top left of my numbers-01 image.

When Nick shows his preview at 7:20, it looks a tad bit different than mine.

There's a bullet point from the unordered list element that appears in the top left of my image. This is not what Nick's screen looks like as there is no extra bullet point.

Our workspaces sheets are exactly the same.

If I remove the <ul> element from the <section>, the bullet point moves from the top left to the bottom left of the image.

This isn't imperative, and I'm sure will be fixed later, but it is a bit odd.

Dennis de Vries
Dennis de Vries
9,440 Points
Dennis de Vries
Dennis de Vries
9,440 Points

I just noticed and wondered the same thing (and ran across this question after that.) If you'll look closely in the video, though, the bulletpoint on Nicks page is not missing. It is positioned on the bottom left of the image.

Mine is on the top left as well.

I'm not worried about it, but same as Taylor I'd just like to understand why this happens. The code is exactly the same, the browser Nick and I use seem to be the same (Chrome?), so I'm curious as to where this difference comes from.

Anyone?

1 Answer

Justin Budd
Justin Budd
12,210 Points

if your trying to removed the bullet from the ul try putting this in your css

li { list-style: none; }

you may need to target this more specifically depending which area you are trying to affect. example: "#gallery li { list-style:none; }" This is the gallery section of the course if i remember right.