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
Amil Boddie-Willis
9,661 PointsTrouble With Bullet-Points...
I'm having some trouble here - For some reason there are still some bullet-points on the homepage section of my website that I don't want, and I don't understand why - Here are the codes that I'm working with:
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #5b5b5b;
color: #bdc3c7;
}
#gallery li a p {
margin: 0;
padding: 5%;
font-size: 0.75em;
color: #bdc3c7;
}
There from my CSS file, in my workspace...
7 Answers
Niek Heerink
Courses Plus Student 1,557 PointsAre your <li> items nested within a <ul>?
Like this:
<ul>
<li></li>
</ul>
If so, then just apply the following to your css:
#gallery ul li {
list-style: none;
}
Kasim Khan
4,925 PointsHave you tried setting the list style none to all gallery IDs?
jase richards
10,379 PointsWhat specifically is bulleted? Could you post your html as well, it may help seeing it.
Adama Sy
7,076 PointsTo remove style on your liste , simply select the list items in your css, then { liste-style:none; }
your bullet point should be gone
Amil Boddie-Willis
9,661 PointsI tried that - It's not working, for some reason...
Amil Boddie-Willis
9,661 PointsHere's my website, thus far, from my workspace Preview:
http://web-c4zaoq5f90.treehouse-app.com/
You should see bullet-points next to most of the photos on the homepage...
Niek Heerink
Courses Plus Student 1,557 PointsAdd this to your stylesheet:
ul {list-style: none;}
That should remove the bullets from the list items.
Also check your code for errors. I notice you have a lot of open anchor tags in your markup.
<a href="LINK HERE">IMAGE HERE</a>
Hope that helps.
Amil Boddie-Willis
9,661 PointsThat did it - Thanks a bunch...
Niek Heerink
Courses Plus Student 1,557 PointsYou're welcome
Amil Boddie-Willis
9,661 PointsAmil Boddie-Willis
9,661 PointsNo, they're not...