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 Adding Pages to a Website Add Iconography

Nelson Cole
Nelson Cole
1,423 Points

Bullet 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
Nelson Cole
1,423 Points

Gancho

That was it

Thank You Nelson

enes karaslan
enes karaslan
7,548 Points

make sure your class in the ul element

Zach Swift
Zach Swift
17,984 Points

I 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
Nelson Cole
1,423 Points

Here 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>&copy; 2015 Nelson Cole.</P> 
  </footer>
    </div> 

</body> </html>

Nelson Cole
Nelson Cole
1,423 Points

Here 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>&copy; 2015 Nelson Cole.</P> 
  </footer>
    </div> 

</body> </html>

Zach Swift
Zach Swift
17,984 Points

In the HTML you have the class as "contact info" with no hyphen. Just add the hyphen and you should be good!

Nelson Cole
Nelson Cole
1,423 Points

I added the hyphen,but the bullets are still there.

Thanks Nelson

you have to close ul below your last li