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

jozsef keindl
jozsef keindl
4,937 Points
Posted by jozsef keindl
jozsef keindl
4,937 Points

challenge task problem

i cant pass this task and i cant figure out what the problem is....i have included a screen shot.....what am i doing wrong? thanks!

Screen Shot 2016-01-03 at 2.45.38 PM

Evan Demaris
Evan Demaris
64,262 Points

Hi jozsef,

Your screenshot didn't attach, could you post the code in text?

jozsef keindl
jozsef keindl
4,937 Points
jozsef keindl
jozsef keindl
4,937 Points

Hi Evan,

i have to select the links inside the nav element and set their font-weight to 800. Than set padding on the top and bottom to 15px and set the padding on the left and right to 10px.

and this is what i get when i submit it:

Bummer! The top padding for nav links should be 15px.

And here is the code:

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

Thanks!

2 Answers

Evan Demaris
Evan Demaris
64,262 Points
Evan Demaris
Evan Demaris
64,262 Points

I see the problem; you have to select a to select the links inside the nav element.

nav li {
  display: inline-block;
}

nav li a {
  font-weight: 800;
  padding: 15px 10px;
}

Hope that helps!

jozsef keindl
jozsef keindl
4,937 Points
jozsef keindl
jozsef keindl
4,937 Points

It worked! Thanks a lot!

By the way,i tried to paste the screen shot initially but i couldnt figure out how to do it....i tried command+shift+3 and then command+c on the desktop and command+v into the message but didnt work,is there another way to do it?

Evan Demaris
Evan Demaris
64,262 Points

My understanding is that you'd have to host an image to include it in your post. So Gyazo or the like if you'll be taking screenshots to share frequently. However, code is usually shared by copying and pasting, as in my example above. On the forums, you can post code and have it display correctly by including three back-ticks, the name of the language, a blank line, then your code, ending with another blank line and three more back-ticks to close. Code is formatted on the forums like this:

```Java

int x = 5;

```

Which, if I hadn't used escape characters (forwardslashes) before the back-ticks, would look like:

int x = 5;

Lastly, on that note, you're using back-ticks instead of apostrophes when you write here, which is making your forum posts change fonts between apostrophes.