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

HTML How to Make a Website Adding Pages to a Website Add a New Page

Adan Huerta
Adan Huerta
3,209 Points
Posted by Adan Huerta
Adan Huerta
3,209 Points

Background colors? Why you no go away?

My page has orange background behind the text links in the header and body ... I tried adding a screen shot here to help , but don't know that it's visible. My code is below. Can anyone tell me why there would be orange background colors still?

<!DOCSTYLE html> <html> <head> <meta charset="utf-8"> <title>Adan Huerta | Web Designer/Musician/Boxer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,800|Changa+One' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <style> nav a { color: white; background-color: transparent; }

</style>

</head> <body> <header> <a href="index.html" id="logo"> <h1>Adan Huerta </h1> <h2>Web Designer/Musician/Boxer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html" class="selected">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> </section> <footer> <a href="http://twitter.com/txsadamwest"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/adan.huerta.33"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>Ā© 2016 Adan Huerta</p> </footer> </div>

</body>

</html>

/Users/TxsAdamWest/Desktop/Screen Shot 2016-01-19 at 1.53.41 PM.png

3 Answers

Steven Parker
Steven Parker
231,275 Points
Steven Parker
Steven Parker
231,275 Points

Your code links to a CSS stylesheet (css/main.css). I expect that the orange color is being applied by that stylesheet.

:point_right: By the way, it's good practice to keep ALL your styles in the stylesheet file.

Adan Huerta
Adan Huerta
3,209 Points
Adan Huerta
Adan Huerta
3,209 Points

I went through the my main css file and took out anything I could see that was changing it orange. Strangely, I noticed that none of my style changes are applying to my main page (index.html), only the contact and about files are being affected by my css. I even tried changing the code in index.html to add more images and it's not having any effect. Not sure what's going on here...

Oscar Camacho
seal-mask
.a{fill-rule:evenodd;}techdegree
Oscar Camacho
Full Stack JavaScript Techdegree Student 5,428 Points
Oscar Camacho
.a{fill-rule:evenodd;}techdegree
Oscar Camacho
Full Stack JavaScript Techdegree Student 5,428 Points

I have the same problem and I know don't how to fix it.