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 zabeta
zabeta
193 Points

Bullet points in front of images

My images have bullet points in front of them (because they are configured as a list element?). How do I get rid of them?

2 Answers

Hannah Gaskins
Hannah Gaskins
14,572 Points
Hannah Gaskins
Hannah Gaskins
14,572 Points

Hi there,

It sounds like you are going to want to employ some CSS in order to do that. By default, the <li> within HTML will display a bullet. If you are just starting with the HTML course, not to worry! CSS is coming soon :)

If you already know a bit about CSS, here is a Stack Overflow link with a lot of responses on removing a bullet from an image list:

http://stackoverflow.com/questions/10487908/how-to-hide-li-bullets-in-navigation-menu-and-footer-links-but-show-them-for-l

Hope this helps a bit!

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi zabeta and welcome to Treehouse.

Removing the bullet points from the image will be covered a little later in the course you are on. Styling the web page with CSS comes a little later.

To give you a preview, you would need to style the list element like so:

ul {
  list-style: none;
}

Keep Coding! :)