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 trialChristopher Beasley
1,493 PointsBullet points came back when I applied the descendant selector
When I applied the descendant selector, the bullet points came back since I am using an unordered list. I tried adjusting code to see if I could make it go away but I could not. Any advice here?
2 Answers
Gianmarco Mazzoran
22,076 PointsHi,
have you tried?
ul {
list-style: none;
}
Christopher Beasley
1,493 PointsHere is the code:
Chris,
Here is the code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Chris Beasley | Programmer</title> <link rel="stylesheet" href="css/normalize.css">
<style>
nav a {
background-color: orange;
color: white;
}
</style>
</head> <body> <header> <a href="index.html"> <h1>Chris Beasley</h1> <h2>Programmer</h2> </a>
<nav>
<ul>
<li> <a href="index.html"> Portfolio </a></li>
<li> <a href="about.html"> About </a></li>
<li> <a href="contact.html"> Contact </a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p> Experimentation with color and texture</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p> 80s</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p> Idk</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p> who cares</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/smartguyhere"><img src="img/twitter-wrap.png" alt="Twitter Logo"> </a>
<a href="http://facebook.com/chris.beasley.14"> <img src="img/facebook-wrap.png" alt="Facebook Logo"> </a>
<p> © 2016 Chris Beasley. </p>
</footer>
</body>
</html>
Gianmarco Mazzoran
22,076 PointsInside your style tag you have to target the ul tag and set the list-style to none.
So your code would look like this:
<meta charset="utf-8">
<title>Chris Beasley | Programmer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
ul {
list-style: none;
}
nav a {
background-color: orange;
color: white;
}
</style>
<header>
<a href="index.html">
<h1>Chris Beasley</h1>
<h2>Programmer</h2>
</a>
<nav>
<ul>
<li> <a href="index.html"> Portfolio </a></li>
<li> <a href="about.html"> About </a></li>
<li> <a href="contact.html"> Contact </a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p> Experimentation with color and texture</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p> 80s</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p> Idk</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p> who cares</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/smartguyhere"><img src="img/twitter-wrap.png" alt="Twitter Logo"> </a>
<a href="http://facebook.com/chris.beasley.14"> <img src="img/facebook-wrap.png" alt="Facebook Logo"> </a>
<p> © 2016 Chris Beasley. </p>
</footer>
Chris Shaw
26,676 PointsChris Shaw
26,676 PointsHi Christopher,
Could you please post the code you've tried thus far, please have a read of Posting Code to the Forum.