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 Michael Santangelo
Michael Santangelo
422 Points

Why is my new elements not showing?

None of the new code I seem to be adding is working. My background is still orange and the and I just added the green color elements to my navigation but it nothing is showing. My code seems to not have problems so what could I have done wrong?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Michael Santangelo | Entrepreneur</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Michael Santangelo</h1>
        <h2>Entrepreneur</h2>
      </a> 
      <nav>
        <ul>
          <li><a href="index.html" class="selected">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 repitition.</p>
            </a>
          </li>  
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/mikesantan"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/msantan"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2014 Michael Santangelo.</p>
      </footer>
    </div>  
  </body> 
</html>

a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
}

#logo {
  text-align: center;
  margin: 0;
}

a {
  color: #6ab47b;
}

header {
  background: #6ab47b;
  border-color: #599a68;
}

h1, h2 {
  color: #fff;
}

nav {
  background: #599a68;
}

nav a, nav a:visited {
  color: #fff;
}

nav a.selected, nav a:hover {
  color:#32673f;
}

4 Answers

Charles Smith
Charles Smith
7,575 Points
Charles Smith
Charles Smith
7,575 Points

Did you save your CSS file and reload the browser?

Michael Santangelo
Michael Santangelo
422 Points

yes I did

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

is your css file is within the css folder, or is it outside with your html file ?!

Michael Santangelo
Michael Santangelo
422 Points

it's in the css folder. I have a css folder with main.css and normalize.css within it

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

I ve just load your project locally and it loaded just fine, i ve made changes and it worked !

http://www.awesomescreenshot.com/image/2463/efdef6c189fbe0ad6bc501ebe7c10d77

Michael Santangelo
Michael Santangelo
422 Points

i wonder whats wrong on my end then..... it does not look like that. i've refreshed, restarted, and even updated my browser. any thoughts?

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

can you take me a snapshot of how it looks on your side !

Michael Santangelo
Michael Santangelo
422 Points

well i keep getting an error on awesomescreenshot. i guess my browser is having issues? i'm using chrome.

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

yeah, try it on a different browser to see

Michael Santangelo
Michael Santangelo
422 Points

well looks like that was the problem. works fine now in safari, which seems odd because I feel like normally it would be the other way around haha