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 Create a Horizontal List of Links

Scott Yardley
Scott Yardley
20,662 Points
Posted by Scott Yardley
Scott Yardley
20,662 Points

I'm cannot understand the question.

In code challenge 1/2 in "Styling Web Pages and Navigation" the first challenge says

"Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on the left and right to 10px."

but the code that treehouse gives me it shows doesn't show any "ul" in the nav element, in fact it doesn't show any "ul" anywere on page. What should I do?

1 Answer

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Scott,

Can you possibly post the html and the css that the challenge has given you so i can take a quick look please.

Thanks

Edit:

Hi Scott,

I've just taken a look at the question with the code.

Your right, there is no ul in the nav element in the code, you just have to add it yourself at the bottom of the css thats already there. The challenge just wants to see you add this and not modify a ul within a nav element that already exists.

hope this helps.

Scott Yardley
Scott Yardley
20,662 Points
Scott Yardley
Scott Yardley
20,662 Points

Sure

  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;
}
Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

I updated my answer for you Scott :)

I also added the markdown to your posted code so it appears easier to read.

How to add markdown

Scott Yardley
Scott Yardley
20,662 Points
Scott Yardley
Scott Yardley
20,662 Points

Thnks for the help i'll try that out. and just a little side note, do you know if treehouse plans on making more reward videos? I really enjoyed those.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

No problem, I'm not sure about the reward videos, I've not actually watched any of those i have yet, thanks for the reminder :)