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
Janae Nichols
2,201 Pointsas I am styling my web page I see that I can not see my heading on my page, I need some help??
When I was styling in css and I went back to preview my page i noticed that I could not see my name and designer text in my heading, I checked both html and css and Im seeing why I cant see my text in my heading. Please help
1 Answer
Ayoub AIT IKEN
12,314 Pointshey ! we need to see your code please .
PS : use the markdown cheatsheet !
Janae Nichols
2,201 PointsJanae Nichols
2,201 PointsOMG!!!! my bad I forgot to post my code... lol
here is html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Janae Nichols | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/project.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Janae Nichols</h1> <h2>Designer</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="web page/numbers-01.jpg"> <img src="web page/numbers-01.jpg" alt=""> <p>This is images one</p> </a> </li> <li> <a href="web page/numbers-02.jpg"> <img src="web page/numbers-02.jpg" alt=""> <p>This is image two</p> </a> </li> <li> <a href="web page/numbers-06.jpg"> <img src="web page/numbers-06.jpg" alt=""> <p>This is image three</p> </a> </li> <li> <a href="web page/numbers-09.jpg"> <img src="web page/numbers-09.jpg" alt=""> <p>This is image four</p> </a> </li> <li> <a href="web page/numbers-12.jpg"> <img src="web page/numbers-12.jpg" alt=""> <p>This is image five</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="web page/twitter-wrap.png" alt="twitter logo"></a> <a href="http://facebook.com/Janae Robinson"> <img src="web page/facebook-wrap.png" alt="facebook logo"></a> <p>© 2015 Janae Nichols.</p> </footer> </div> </body> </html>
here is css
/************************ GENERAL *************************/
body { font-family: 'Open Sans', sans-serif; }
wrapper {
max-width: 940px; margin: 0 auto; padding: 0 5%; }
a { text-decoration: none; }
/************************ HEADING *************************/
logo {
text-align: center; margin: 0; }
h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }
h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal;
}
/************************ NAVIGATION *************************/
nav{ text-align: center; padding: 10px 0; margin: 20px 0 0; }
/************************ FOOTER *************************/
footer { font-size: 0.75em; text-align: center; padding-top: 50px; color: #ccc; }
/************************ COLORS *************************/
/site body/ body{ background-color: #fff; color: #999; }
/* green hearder*/ header{ background: #6ab47b; border-color: #599168; }
/* nav background on mobile*/ nav{ background: #599a68; }
/ logo text/ h1, h2 { color: #fff; }
/* links*/ a { color: #6ab47b; }
/* nav link*/ nav a, nav a:visited { color: #fff; }
/selected nav link/ nav a.selected, nav a:hover { color: #32673f; }