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 mickey Odunikan
mickey Odunikan
4,983 Points

profile icon link only works once then i have to reload the page to use again

^^^ <body> <a href= "index.html" id=nameLink > <header> Mickey Odunikan</header> </a> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul>

     </nav>
     <section>
         <img src="img/best pic of me.jpg" alt="Mickey right profile">
         <p>The kind of web designer you want!</p>
         <p>Interest in persuing various busines ventures</p>
     </section>

    <footer>
        <a href="https://www.facebook.com/mickey.odunikan"><img src="img/facebook-wrap.png"></a>
        <a href="https://twitter.com/MickeyOdunikan"><img src="img/twitter-wrap.png"></a>
        <p1>&copy;DevMe Inc</p1>
    </footer>

</body>

</html> ^^^

5 Answers

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Not sure if this will fix your issue and without totally giving away the answer, double check your syntax for your image src. Looks like there's some spacing that should not be there.

mickey Odunikan
mickey Odunikan
4,983 Points

yeah that is just how I named it. I meant to ask about the twitter and facebook links if I click on one they both don't work anymore.

mickey Odunikan
mickey Odunikan
4,983 Points

yeah that is just how I named it. I meant to ask about the twitter and facebook links if I click on one they both don't work anymore.

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

hmmm. Is this all the code from your index.html? Again not sure if this will fix the issue but try rearranging your header tags. Also add quotes around your id.

<header> 
  <a href="index.html" id="nameLink" >
     <h1>Mickey Odunikan</h1>
  </a>
     <nav>
         <ul>
             <li><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
             <li><a href="contact.html">Contact</a></li>
         </ul>
     </nav>
</header>
mickey Odunikan
mickey Odunikan
4,983 Points
mickey Odunikan
mickey Odunikan
4,983 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey Odunikan|Front-End designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head>

<body>
    <div class="header">
            <a href= "index.html" id=nameLink >
             <header> Mickey Odunikan</header>
            </a>
             <nav>
                 <ul>
                     <li><a href="index.html">Home</a></li>
                     <li><a href="about.html">About</a></li>
                     <li><a href="contact.html">Contact</a></li>
                 </ul>
             </nav>
    </div>
     <section>
         <img class="me" src="img/best pic of me.jpg" alt="Mickey right profile">
         <p>The kind of web designer you want!</p>
         <p>Interest in persuing various busines ventures</p>
     </section>

    <footer>
        <a href="https://www.facebook.com/mickey.odunikan"><img src="img/facebook-wrap.png"></a>
        <a href="https://twitter.com/MickeyOdunikan"><img src="img/twitter-wrap.png"></a>
        <p1>&copy;DevMe Inc</p1>
    </footer>

</body>

</html>

mickey Odunikan
mickey Odunikan
4,983 Points

hahaha I didnt add all of it

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Also in your footer you have 

<p1>&copy;DevMe Inc</p1>

should be

<p>&copy;DevMe Inc</p>
Roberto Cardenas
Roberto Cardenas
10,478 Points
Roberto Cardenas
Roberto Cardenas
10,478 Points

Perhaps you need to add a ../ before img?

Like this: "../img/best pic of me.jpg"

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

If none of these things work use http://validator.w3.org/ and select validate by direct input and paste your code there and it will show you what you need to fix. I just did it with your code and it also mentioned that an img element must have an alt attribute. Hopefully all this helps!

Guillaume St-Denis
Guillaume St-Denis
15,555 Points
Guillaume St-Denis
Guillaume St-Denis
15,555 Points

Hi Mickey,

First of all, the <meta>, <title> and <link> tags should be nested inside the <head> tag of your document. Do not confuse the <head> tag and <header> tag. I know they look alike, but they are very different in the sense that they each have their own function.

Second of all, I have noticed that there is a space right after your href attribute and your ID name should be in double quotes. So, it should go a little something like this: <a href="index.html" id="nameLink">Mickey Odunikan</a>

Also, your <header> tag should NOT be nested inside your link. Your link should be nested inside of your <header> tag. As written above, you can include your name(wich I think is a very cool name) inside of the <a> tag.

I sincerely hope this will help you and I wish you all the best. If you have any other questions, don't be shy!

Cheers, Guillaume