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
Michael Slavin
Courses Plus Student 6,480 Pointsbackground color for h1 and h2 is white instead of green so the text just blends in.
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: #599a68;
}
h1, h2 {
color: #fff;
}
nav {
background: #599a68;
}
nav a, nav a:visited {
color: #fff;
}
Start of HTML code:
<!DOCTYPE html>
<html>
<head>
<meta charset="ut-8">
<title>Michael Slavin | Designer</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 Slavin</h1>
<h2>Designer</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 stile of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created by using photoshop brushes. </p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using reptitions.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href=http://twitter.com/nickrp><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href=http://faceboook.com/nickpettit><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>© 2016 Michael Slavin.</p>
</footer>
</div>
</body>
</html>
3 Answers
Michael Slavin
Courses Plus Student 6,480 PointsWhen i load the page in the browser my name which is the h1 and profession h2 don't show up because the background for some reason is white. Is my code for the background color correct?
Jonathan Grieve
Treehouse Moderator 91,252 PointsYou just need to select a backgound colour for the website, which is tyically done by selecting the body element in your CSS and giving it a value
body {
background: lightgreen;
}
Or you could set your h1 and h2s to black which is #000 or the absense of any applied colour.
Good luck :)
Jackson Hyland
4,920 PointsHere's the code i used. header { background: #6ab47b; border-color: #599a68 } difference might be border-color?? not sure but i hope that helps
Jonathan Grieve
Treehouse Moderator 91,252 PointsJonathan Grieve
Treehouse Moderator 91,252 PointsHi there, Was there a question you wanted answered or just to share your progress so far. If not, good job on what you've done so far. :)
By the way I've changed your forum code a little bit so we can see your code a little better :)
Check out the markdown cheatsheet for how to add markdown for displaying your code.