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 Creating HTML Content Add Social Media Links

Posted by Nancy Bogaard
Nancy Bogaard
2,447 Points

For some reason it is not recognizing the link I made to the Twitter logo--should I start the challenge over again?

<footer> <ul> <a href="http://www.facebook.com" alt="Facebook"> <li> <img src="img/facebook-wrap.png" alt="Facebook logo"> </li> </a> <a href="http://www.twitter.com" alt="Twitter"> <li> <img src="img/twitter-wrap.png" alt="Twitter logo"> </li> </a> </ul>

Damon sanders
Damon sanders
Courses Plus Student 714 Points

Hello Mary I' m new but I tried your code and I got errors also. If you want to order it try it this way, without the ul or you will get bullets in font of your Facebook and Twitter logos and then you will have to remove the bullets with css. I tried this and it worked. I hope this help. Aslo to display your code is a Markdown Cheatsheet link blow the window when ever you are writing comments. Its simple just add you code with backticks in front and behind your code. It looks like apostrophe but its not its located to the right of you number one key i.e. ''' your code goes here ''' I hope this helps

<footer>
      <li><a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a></li>
      <li><a href="https://www.facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a></li> 
      <li><p>&copy; 2014 Damon Sanders</p></li>
</footer>

6 Answers

James Gill
James Gill
Courses Plus Student 34,936 Points

Nancy,

I see several issues with the code. I think this is what you're looking for. Notice how <a> and <img> elements fit together, and how they're placed in relation to the <li> tags. Let me know if this works:

<footer>

  <ul> 

      <li> <a href="http://www.facebook.com" alt="Facebook"> <img src="img/facebook-wrap.png" alt="Facebook logo"></a> </li>  
      <li> <a href="http://www.twitter.com" alt="Twitter"><img src="img/twitter-wrap.png" alt="Twitter logo"> </a> </li> 

  </ul>

</footer>
Shaker Advertising
Shaker Advertising
5,395 Points
Shaker Advertising
Shaker Advertising
5,395 Points

James Gill you forgot the closing anchor tag in the first list item.

James Gill
James Gill
Courses Plus Student 34,936 Points

@Connor maybe you didn't scroll right?

James Gill
PLUS
James Gill
Courses Plus Student 34,936 Points
James Gill
James Gill
Courses Plus Student 34,936 Points

Nancy, can you post your code?

Nancy Bogaard
Nancy Bogaard
2,447 Points
Nancy Bogaard
Nancy Bogaard
2,447 Points

<footer> <ul> <a href="http://www.facebook.com" alt="Facebook"> <li> <img src="img/facebook-wrap.png" alt="Facebook logo"> </li> </a> <a href="http://www.twitter.com" alt="Twitter"> <li> <img src="img/twitter-wrap.png" alt="Twitter logo"> </li> </a> </ul>

James Gill
PLUS
James Gill
Courses Plus Student 34,936 Points
James Gill
James Gill
Courses Plus Student 34,936 Points

Nancy, I don't see your code, sorry. Try enclosing it (top and bottom) with three backticks (```). Note those aren't quotation marks, but backticks.

Nancy Bogaard
Nancy Bogaard
2,447 Points
Nancy Bogaard
Nancy Bogaard
2,447 Points

// " '''<footer> <ul> <a href="http://www.facebook.com" alt="Facebook"> <li> <img src="img/facebook-wrap.png" alt="Facebook logo"> </li> </a> <a href="http://www.twitter.com" alt="Twitter"> <li> <img src="img/twitter-wrap.png" alt="Twitter logo"> </li> </a> </ul> ''' " //

Thanks, James. I've tried posting the code twice already...

Nancy Bogaard
Nancy Bogaard
2,447 Points

It appears that there is code in the PHP that strips everything with functional HTML tags... No malicious code allowed here... I have replaced all lt and gt signs with @, so you will have to use your imagination a little while reviewing the code: @footer@ @ul@ @a href="http://www.facebook.com" alt="Facebook"@ @li@ @img src="img/facebook-wrap.png" alt="Facebook logo"@ @/li@ @/a@ @a href="http://www.twitter.com" alt="Twitter"@ @li@ @img src="img/twitter-wrap.png" alt="Twitter logo"@ @/li@ @/a@ @/ul@

James Gill
PLUS
James Gill
Courses Plus Student 34,936 Points
James Gill
James Gill
Courses Plus Student 34,936 Points

That's not working. It's probably frustrating at this point, so maybe you could just copy and past your code directly, without formatting.