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

CSS

Posted by Micole Noddle
Micole Noddle
5,797 Points

Can't remove bullet points from contact info list?

Bullet points won't go away next to my contact info on the contact page after styling. My code matches exactly what Nick is doing, I've refreshed the browser several times, double checked my code, why isn't this working? Here's my CSS:

.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

Nkosi Ndlovu
Nkosi Ndlovu
9,652 Points

hi can you post the html so we can have a look?

8 Answers

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

Do you have .contact-info spelled correctly in your HTML and is that class attached to the ul? Also, make sure you have closing braces (}) in your CSS previous to .contact-info.

Micole Noddle
Micole Noddle
5,797 Points

I do have closing braces in my CSS previous to .contact-info Is there a trick to posting HTML on here? I can't get mine to post properly so you guys can see it...

Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points

I'm having trouble posting the HTML. I have the unordered list starting like this, then followed by the list items. Sorry, the forum is only letting me post one line of HTML, don't know why. <ul class="contact-info"></ul>

Sean T. Unwin
Sean T. Unwin
28,690 Points

Please see this thread for posting code: https://teamtreehouse.com/forum/posting-code-to-the-forum

Micole Noddle
Micole Noddle
5,797 Points

HTML posted below. Let me know if you need to see more. Thanks so much for your help.

Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points 
          <h3>Contact details</h3>
          <ul class="contact-info"></ul>
            <li class="phone"><a href="tel:867-5309">867-5309</a></li>
            <li class="mail"><a href="mailto:hello@
micole-noddle.com">hello@micole-noddle.com</a></li>
            <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=micole_noddle">@micole_noddle</a></li>        
        </section>```
Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

The li tags need be encased within the ul tag --

<ul class="contact-info">
  <li class="phone">
     <a href="tel:867-5309">867-5309</a>
  </li>
  <li class="mail">
     <a href="mailto:hello@micole-noddle.com">hello@micole-noddle.com</a>
  </li>
  <li class="twitter">
     <a href="http://twitter.com/intent/tweet?screen_name=micole_noddle">@micole_noddle</a>
  </li>    
</ul>
Micole Noddle
Micole Noddle
5,797 Points

Still doesn't work. I'm stumped.

Sidebar question--I wanted to put the closing ul tag there in the first place, but Nick put it above after the contact info class and I was wondering why. So now I have two questions!

Sean T. Unwin
Sean T. Unwin
28,690 Points

Can you post the link to the video?

Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points

Something is totally wrong with my contact list altogether. I can't add images either. Twitter link works fine, as does email, but the CSS isn't doing anything to the contact-info class.

erdragerdragsson
erdragerdragsson
Courses Plus Student 5,887 Points

To remove bullet points do this.

.contact-info ul li {
 list-style: none;
}

or

.contact-info li {
list-style:none;
}
Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points

Here is the link to the video. I should also add that for some reason, on my workspace, my about.html and contact.html files are still below the CSS and img folders. Workspace doesn't allow me to drag and drop and I can't move them. So the .. with the images probably isn't working correctly either. Not sure how to fix that. Nick's workspace now has the about.html and contact.html files above the CSS and img folders. Any idea why my workspace is behaving differently?

Here's the link to the video:

http://teamtreehouse.com/library/how-to-make-a-website/adding-pages-to-a-website/add-iconography

Sean T. Unwin
Sean T. Unwin
28,690 Points

Regarding workspaces, I think the order yours is in will be fine. Are you able to drag a file into a folder or a file (maybe an image from the img folder) out of a folder?

Worst case you could delete the workspace (from the Workspaces pages) and launch another one from the video's page and start again.

erdragerdragsson
erdragerdragsson
Courses Plus Student 5,887 Points

If you cant drag images to workspace, try to extract them from your originial downloaded folder to the desktop then drag them one by one inside workspace.

// Erdrag

Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points

@Sean, I can't drag anything anywhere. I am able to upload images and start new files or folders using the "file" menu and sometimes it works if I click on the black bar. As long as I can get them in there, it's all good, but I was concerned about the order of things. If that's OK, then great because honestly, I do not want to start over again.

Micole Noddle
Micole Noddle
5,797 Points
Micole Noddle
Micole Noddle
5,797 Points

@erdrag, thanks, but that doesn't work either. Nothing will make these bullet points disappear, it's pretty frustrating.

erdragerdragsson
erdragerdragsson
Courses Plus Student 5,887 Points

use "imgur.com" to upload images then post the url here! :)