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 trialNelson Cole
1,423 PointsBullet Points
/*************** PAGE: CONTACT ***************/
.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; } Why do I still see the bullet points?
8 Answers
Nelson Cole
1,423 PointsGancho
That was it
Thank You Nelson
enes karaslan
7,548 Pointsmake sure your class in the ul element
Zach Swift
17,984 PointsI would have to see your HTML and the rest of your CSS to say for sure, but check that you have the class name spelled exactly the same in the selector as you do in the HTML, also, make sure you have it as a class in the HTML and not and id.
Nelson Cole
1,423 PointsHere is the Contact.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nelson Cole | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Nelson Cole</h1> <h2>Designer</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" class="selected">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <h3>General Information</h3> <p>I am currently not looking for new design work, but I amavailable for speaking gigs and simlar engagements, if you have any questions please don't hesitate to contact me! <p>Please only use phone contact for urent inquiries, otherwise Twitter and email are the best way to contact me.</p>
<section>
<h3>Contact Details</h3>
<ul class="contact info"></ul>
<li class="phone"><a href="tel:555-6425">555-6425</a></li>
<li class="mail"><a href="mailto:nick@example.com">nick@example.com</a></li>
<li class="twitter"><a href="http://twitter.com/intent/tweet?
screen_name=nickrp">@nickrp</a></li>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png"alt="Facebook Logo" class="social-icon"></a>
<P>© 2015 Nelson Cole.</P>
</footer>
</div>
</body> </html>
Nelson Cole
1,423 PointsHere is the CSS
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nelson Cole | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Nelson Cole</h1> <h2>Designer</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" class="selected">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <h3>General Information</h3> <p>I am currently not looking for new design work, but I amavailable for speaking gigs and simlar engagements, if you have any questions please don't hesitate to contact me! <p>Please only use phone contact for urent inquiries, otherwise Twitter and email are the best way to contact me.</p>
<section>
<h3>Contact Details</h3>
<ul class="contact info"></ul>
<li class="phone"><a href="tel:555-6425">555-6425</a></li>
<li class="mail"><a href="mailto:nick@example.com">nick@example.com</a></li>
<li class="twitter"><a href="http://twitter.com/intent/tweet?
screen_name=nickrp">@nickrp</a></li>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png"alt="Facebook Logo" class="social-icon"></a>
<P>© 2015 Nelson Cole.</P>
</footer>
</div>
</body> </html>
Zach Swift
17,984 PointsIn the HTML you have the class as "contact info" with no hyphen. Just add the hyphen and you should be good!
Nelson Cole
1,423 PointsI added the hyphen,but the bullets are still there.
Thanks Nelson
Gancho Iliev
10,264 Pointsyou have to close ul below your last li