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
Nick Cornford
691 PointsLogo 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; }
4 Answers
Kallil Belmonte
35,561 PointsThe 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
691 PointsHi,
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>© 2015 Nick Cornford.</p>
</footer>
</div>
</body> </html>
logo has a #, just not showing above
Kallil Belmonte
35,561 PointsThere 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>
Nick Cornford
691 Pointsyes there is..
Kallil Belmonte
35,561 PointsThe result is not like this?
http://codepen.io/kallil-belmonte/full/wBemOm
Because this is exactly your code
Kallil Belmonte
35,561 PointsWhen 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)
Nick Cornford
691 PointsNick 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>