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

Posted by sarah jeffree
sarah jeffree
534 Points

My codes are no longer working

Hi, I am working on the build a website track. I did some work on it yesterday and set up the background color for the heading and also a hover, visited and unvisited color for the links. I saved my work but when I have logged on today and click on view, none of the codes are working. They are still in the file and are correct. The elements in the footer and color sections are highlighted in red. Does anybody know what the problem is?

4 Answers

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

It sounds to me like you have missed out a vital piece of syntax! Please check over your code or feel free to post it here and I will help you look also!

Best of luck!

sarah jeffree
sarah jeffree
534 Points
sarah jeffree
sarah jeffree
534 Points

```<!DOCTYPE html> <html> <head> <meta charset="utf-8">

<title>Sarah Jeffree | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700italic|Radley:400,400italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

</head> <body> <header> <a href="index.html" id="logo"> <h1>Sarah Jeffree</h1> <h2>Designer</h2> </a> <nav> <ul id="gallery"> <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="img/DSC00376.JPG">
       <img src="img/DSC00376.JPG" alt="Meeting local children in Fiji">
        <p> My first stop was in Fiji, where I stayed at the Octopus resort.  This is me with some local village children.
        </p>
     </a>
    </li> 

    <li>
     <a href="img/DSC01105.JPG">
       <img src="img/DSC01105.JPG" alt="About to do the Nevis bunjy jump in New Zealand">
        <p> This is me about to do the Nevis bunjy jump which is 134 meters high, and the 3rd highest in the world!
        </p>
     </a>
    </li> 

    <li>
     <a href="img/DSC01454.JPG">
       <img src="img/DSC01454.JPG" alt="Cuddling a Koala bear">
        <p> This Koala bear at Cairns zoo was just the cutest.
        </p>
     </a>
    </li>

    <li>
     <a href="img/DSC01765.JPG">
       <img src="img/DSC01765.JPG" alt="sarah at Ayres rock">
        <p> This is my first visit to Ayres rock. 
        </p>
     </a>
    </li> 

     <li>
      <a href="img/elephant.jpg">
       <img src="img/elephant.jpg" alt="sarah riding a elephant in Thailand">
        <p> Here I am on a elephant trek in Thailand.
        </p>
      </a>
     </li> 
   </ul>
  </section>

  <footer>
    <a href =http://www.facebook.com/sarah.jeffree.7><img src="img/facebook-wrap.png" alt= "Facebook Logo"></a>
      <p>&copy; 2014 Sarah Jeffree.</p>

  </footer>

</div> </body> </html>```

sarah jeffree
sarah jeffree
534 Points
sarah jeffree
sarah jeffree
534 Points

/********************************* GENERAL **********************************/

body{ font-family:Radley, sans-serif; }

wrapper {

max-width: 940px; padding: 5%; margin:0 auto; }

a { text-decoration:none; }

img {max-width:100%;}

/********************************* HEADER **********************************/

logo {

text-align:center; margin:0; }

h1 { font-family: 'Alegreya Sans', 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:10 px 0; margin:20px 0 0;

/********************************* FOOTER **********************************/

footer { font-size:0.75em; text-align:center; padding-top:50px; color:#ccc; }

/********************************* COLORS *********************************/ /*light blue header/

header { border-color:#66ffff; background-color:S#008cb7; }

/Title text/ h1, h2 { color:white; }

/* site body */ body { background-color:white; color:#999; }

a { color:#008cb7; }

/nav background on mobile devices/ nav { background:#00ddff; }

/nav link/ nav a { color:white; }

/selected nav link/ nav a.selected, a:hover { color:#008cb7; }

sarah jeffree
sarah jeffree
534 Points
sarah jeffree
sarah jeffree
534 Points

Thank you. Its not showing any background or border color for the header and its not changing the <a> color either..