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 Styling Web Pages and Navigation Create a Horizontal List of Links

Posted by Nelson Ndlovu
Nelson Ndlovu
11,417 Points

padding in nav links refusing to be set to 15px 10px

hi, ive done my nav li selection but when it comes to selecting the top and bottom margin and left and right margins the system is not acknowledging them. What do i do?

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 {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul{
margin:0 10px;
  list-style: none;
  padding: 0;
}

nav li{
 display: inline-block; 
  font-weight: 800;
  padding: 15px;
}

5 Answers

alastair cooper
alastair cooper
30,617 Points
alastair cooper
alastair cooper
30,617 Points

You are selecting list items instead of link (a) elements.

put the padding and font-weight rules inside nav a not nav li

Nelson Ndlovu
Nelson Ndlovu
11,417 Points

oh sorry, that was a typo, i am supposed to be selecting list items. sorry error on my question

Nelson Ndlovu
Nelson Ndlovu
11,417 Points
Nelson Ndlovu
Nelson Ndlovu
11,417 Points

sorry the last bit i was now playing around with it to se if i could find something that works. originally i had

margin: 15px 10px;

thats 15px top and bottom and 10 px left and right, why wont my code be accepted?

alastair cooper
alastair cooper
30,617 Points
alastair cooper
alastair cooper
30,617 Points

The code challenge asks you to change the padding in the links not the lists. I just tried it in the nav a rule and passed the test. Your original question was right.

Nelson Ndlovu
Nelson Ndlovu
11,417 Points
Nelson Ndlovu
Nelson Ndlovu
11,417 Points

ok, sorry i must have gotten confused somewhere, redone and sorted, thanks

Shane Oliver
Shane Oliver
19,977 Points
Shane Oliver
Shane Oliver
19,977 Points

You are styling the nav list-items : nav li, when you should be styling the nav links : nav a