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

Posted by Carmen Carter
Carmen Carter
243 Points

<DIV> problem. Having trouble with my settings.

-index.html- This section below.

<div id:"wrapper"> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using reptition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/simplycarmenren"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/simplycarmenrenee"><img src="img/facebook-wrap.png" alt="Twitter Logo"></a> <p>Ā© 2014 Carmen Carter</p> </footer> </div> </body> </html>

-main.css- And once I enter this nothing changes on my preview page.

a { text-decoration: none; }

wrapper {

max-width: 940px; margin: 0 auto; background: orange; }

Carmen Carter
Carmen Carter
243 Points

<div id:"wrapper">

3 Answers

Stephanie Marson
Stephanie Marson
7,627 Points
Stephanie Marson
Stephanie Marson
7,627 Points

It is unclear to me what you are trying to do and the error you are encountering... The code provided is missing the opening <div> tag. It is also missing the css definition - where you specify that main.css is your stylesheet. hope that helps

Carmen Carter
Carmen Carter
243 Points

For some reason my code is not showing up when I enter the appropriate code for div. It keeps disapearing. I entered the appropriate code. its just not working.

James Makan
James Makan
12,277 Points
James Makan
James Makan
12,277 Points

Are you trying to make the background orange? Try:

section {
max-width: 940px; 
margin: 0 auto; 
background: orange; 
}

(Use "section" as your selector instead of "wrapper" - also note, if wrapper were a class on a div it should be ".wrapper" with the period.)

Emil Wallgren
Emil Wallgren
11,737 Points
Emil Wallgren
Emil Wallgren
11,737 Points
  1. You don't have a div anywhere in your code shown.
  2. Make sure you have the right selector (as james told you). # for id and . for class.
  3. Think, "what is the background". = what are all elements inside of.

It's just like building a box. Contact me if your having any problems :-)

/Emil