Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Build a Simple Website Styling Content Finishing the CSS

Posted by michaeldoucet
michaeldoucet
1,090 Points

What wrong this code? CSS.

#copyright {
  border-top: 8px;
 color: #2A0400;
}

challenge task 1 of 4: Instructions Select the copyright using an ID selector. Give it a solid top border that is 8 pixels thick and has a color of #2A0400.

Error I get: Bummer! Remember, to select an ID, use the '#' character followed by the ID of the element you want to select.

3 Answers

James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,958 Points

My bad, The code I posted doesn't work because it is adding a border to all sides of an element, whereas the challenge says you just need to add a top border.

Long way:

#copyright {
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: #2a0400;
}

Shorthand way:

#copyright {
  border-top: 8px solid #2a0400;
}

Hope this helps!

michaeldoucet
michaeldoucet
1,090 Points

Thanks. That worked. I was so fixated on the error indicating the ID selector was wrong that I didn't even bother to check my properties. Lol.

Thanks!

James Anwyl
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,958 Points
James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,958 Points

EDIT: Didn't read your code properly so my answer was a bit misleading. Updated answer:

The long way of writing this is

#copyright {
   border-width: 8px;
   border-style: solid;
   border-color: #2a0400;
}

The shorthand way of doing it would be

#copyright {
  border: 8px solid #2A0400;
}

Which declares the width, style and color all in one.

Hope this helps!

michaeldoucet
michaeldoucet
1,090 Points

I tried copying and pasting your code, and got a different error. they want us to do it like in the lesson. I think there is something wrong with the testing code or something.

Badge Collector
Badge Collector
2,931 Points
Badge Collector
Badge Collector
2,931 Points

You have missed the ID selector from the beginning of copyright, remember to include the #

copyright

michaeldoucet
michaeldoucet
1,090 Points

thanks. I had that, but I made a mistake in formatting my question for the forum. I corrected it so it displays the code.