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 How to Make a Website Styling Web Pages and Navigation Make a CSS Image Gallery

Laith Wallace
PLUS
Laith Wallace
Courses Plus Student 858 Points

How do you remove bullet in the font style on the css?

Working on the task and need help with this, Ive tried coding it in and its not working.

css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  text-decoration: none;
  margin: 0;
  padding: 0;
} 

#gallery li {
  text-decoration: none;
  margin: 0;
  padding: 0;
} 

3 Answers

Alex Heil
Alex Heil
53,547 Points

hey Laith, from your code I see you're trying to use text-decoration to get rid of the bullet points. however text-decoration deals with effects on text, like underline / overline / blink and so on.

now let's think about where we usually see bullet points. are they in regular text? well, we actually see them on lists, right? so we might look in that direction for our css selectors as well. and good news, there is one called list-style. now, like text-decoration there are many options on this but for now we just want to get rid of them alltogether so the value none is our friend ;)

let's bring it together:

#gallery {list-style: none;}

and you're good to go. hope that helps and have a nice day ;)

Laith Wallace
PLUS
Laith Wallace
Courses Plus Student 858 Points

Alex Heil Thanks so much Alex. great help.....

Im having a problem with centering an image using margin and add a margin of 30px in the tasks but I need to do this in HTML. Do you know what to do? I know this must be easy stuff for you..lol

Alex Heil
Alex Heil
53,547 Points

you're welcome - good to hear this helped you out. for the question about image-centering and margin: can you share the code so that I can take a look at it? Next to pasting it here another great way would be to put it on codepen: http://codepen.io/
Not only that it's free but also by having css and html linked together there we can directly "work" at it and see things changing. just send the link my way and I'll look into it ;)

Laith Wallace
PLUS
Laith Wallace
Courses Plus Student 858 Points

Thanks so much Alex. great help.....

Im having a problem with centering an image using margin and add a margin of 30px in the tasks but I need to do this in HTML. Do you know what to do? I know this must be easy stuff for you..lol