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 Add Image Gallery Content

Posted by Steven Graham
Steven Graham
10,663 Points

Another way to nest an image?

I noticed that in the code line sequence, you're going <ul> to <li> to the <a> and then the <img> itself. Upon looking at the images in the html file though, theres a bulletin dot on the bottom left hand corner of every image. I was wondering what caused that: The <ul> tag or <li> tag? I'm guessing the unordered list tag as an order list tag would be numbered right?

Either way, my question is: Can I nest the image in a different tag to avoid having that bulletin dot at the bottom left corner, or how I can nest it in an <ul> but remove that dot from view?

1 Answer

Aaron Wise
Aaron Wise
7,517 Points
Aaron Wise
Aaron Wise
7,517 Points

I believe in your CSS you want to use list style type none. which should get rid of those pesky dots.

ul li{ list-style-type:none; } heres a helpful link: https://css-tricks.com/almanac/properties/l/list-style/