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 Richard Jones
Richard Jones
3,500 Points

After creating "wrapper" <div> the CSS is not changing anything.

I am refreshing my browser and retrying the preview but the orange in the background of the <div> wrapper is not showing up.

I am also trying to figure out how to get my html and css code into this discussion. I see no where to upload screenshots so I guess I will just click the "Start Discussion" button below and hope I get the option later.

Richard Jones
Richard Jones
3,500 Points

a { text-decoration: none; }

wrapper {

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

David Gray
David Gray
1,970 Points

Hi Richard, you can use the link here: https://teamtreehouse.com/community/cheatsheet to see how to use Markdown. I think you want to use three back-ticks (`) followed by the name of the language you are using. Then on a new line paste your code and then on another new line finish with three more back-ticks. Here's an example:

back-ticks here css

a {text-decoration: none;}

three back-ticks here

Actual Result:

a {text-decoration: none;}
Richard Jones
Richard Jones
3,500 Points 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  background: orange;
}
Richard Jones
Richard Jones
3,500 Points 
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
    <title>Richard Jones | Entreprenuer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Richard Jones</h1>
        <h2>Entreprenuer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <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>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Trying to create an 80's style of glows.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>Drips created using Photoshop brushes.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Creating shapes using repetition.</p>
            </a>
          </li>
        </ul>
      </section>
        <footer>
        <a href="http://twitter.com/gocards231"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
        <a href="http://facebook.com/gocards23"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
        <p>&copy; 2015 Richard Jones</p>
        </footer>
      </div>
    </body>
  </html>
Richard Jones
Richard Jones
3,500 Points

I got it on there! Thanks David.

2 Answers

David Gray
David Gray
1,970 Points

Hi Richard, the issue seems to be with your HTML. Your code here:

<div id:"wrapper">

should be:

<div id="wrapper">

Hope this helps!

David

Richard Jones
Richard Jones
3,500 Points

OMG! I am done for the day. I stared at that code for over an our before posting this. I missed the = sign. Yeah I need a break.

Thank you again David!

Richard Jones
Richard Jones
3,500 Points
Richard Jones
Richard Jones
3,500 Points

Copy and paste obviously doesn't work. Looked fine in the window but got all messed up after I sent. I imagine if I do the same to the html it will be a jumbled mess. Could someone please tell me how to put my code into the discussion? Thank you