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 CSS: Cascading Style Sheets Take a Mobile-First Approach

Nick Cornford
Nick Cornford
691 Points

Logo won't centre and colour's not applying?

logo {

text-align: ceter; 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; }

Nick Cornford
Nick Cornford
691 Points

<body> <header> <a href="index.html" id="logo"> <h1>Movies</h1> <h2>DVD Game</h2> </a> <nav> <ul> <li><a href="index.html">My DVDs</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>

4 Answers

Kallil Belmonte
Kallil Belmonte
35,561 Points

The logo is an ID, so it must have "#" before the word "logo" in your CSS, also you typed "ceter" and not "center" in its value

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

Which color you are talking?

Nick Cornford
Nick Cornford
691 Points

Hi,

I tried what you suggested and still doesn't work.. Everything under and including the #logo doesn't work..

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; }

<header> <a href="index.html" id="logo"> <h1>Movies</h1> <h2>DVD Game</h2> </a> <nav> <ul> <li><a href="index.html">My DVDs</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 colour and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Experimentation 2.</p> </a> </li> <li> <a href="Image/numbers-06.jpg"> <img src="Imgage/numbers-06.jpg" alt=""> <p>Experimentation 3.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Experimentation 4.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation 5.</p> </a> </li> </ul> </section>

  <footer>
    <a href="http://bbc.co.uk/sport"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
    <a href="http://bbc.com/sport/0/football/gossip/"><img src="img/facebook-wrap.png" alt="facebook Logo"></a>
    <p>&copy; 2015 Nick Cornford.</p>
  </footer>
</div>

</body> </html>

logo has a #, just not showing above

Kallil Belmonte
Kallil Belmonte
35,561 Points

There is a closing "header" tag after your nav. Also there is an opening header tag before the logo?

<header>
<a href="index.html" id="logo">
    <h1>Movies</h1>
    <h2>DVD Game</h2>
  </a>
  <nav>
    <ul>
      <li><a href="index.html">My DVDs</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
Kallil Belmonte
Kallil Belmonte
35,561 Points

The result is not like this?

http://codepen.io/kallil-belmonte/full/wBemOm

Because this is exactly your code

Nick Cornford
Nick Cornford
691 Points

no it shows like this..

http://port-80-chz9tmfivr.treehouse-app.com

(no colour and not centred)

Kallil Belmonte
Kallil Belmonte
35,561 Points

When you say logo do you mean

"Movies

DVD Games"?

(By the way, I think you must change the source of your "Experimentation 3." to http://port-80-chz9tmfivr.treehouse-app.com/img/numbers-06.jpg)