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

<ul> problem

At the end of Creating HTML Content of the Web Design Track, my page still has bullets next to the images.

The navigation is perfect. No bullets. But before each image, there it is. Any suggestions?

can you please post your HTML and CSS.

I would suggest to examine carefully css that related to the images and lists and check ids and classes at the html file. Try to run html and css files through validation service http://validator.w3.org/ - this may help to find typos and errors.
Additionally, check that you have saved all changes in your files. Good luck :-)

Make sure you're adding the:

text-decoration: none;

And spelling it correctly. But as someone has mentioned above, please post your HTML and CSS code.

li{ liststyle: none;

}

that should remove the bullet points

list-style***

I posted this as an answer. Perhaps a comment would've worked bbetter:

Okay. I just was following the videos (obviously).

And my page didn't look exactly like Nick's page. I was afraid I was doing something wrong. I didn't edit the normalize.css file at all. My first thought was that I didn't close a tag or something of that nature in the HTML file itself.

Should I go ahead and edit the CSS file using Adam's answer, even though it wasn't stated in the video?. I don't want a mistake early to affect something later.

5 Answers

Type this rule to your css file:

ul li {

list-style-type: none;

}

Post your CSS code.

The bullet points are removed by the rule list-style: none; To select the list items from the unordered list use ul li. So the final code should be- ul li{ list-style: none; }

Okay. I just was following the videos (obviously).

And my page didn't look exactly like Nick's page. I was afraid I was doing something wrong. I didn't edit the normalize.css file at all. My first thought was that I didn't close a tag or something of that nature in the HTML file itself.

Should I go ahead and edit the CSS file using Adam's answer, even though it wasn't stated in the video?. I don't want a mistake early to affect something later.