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 Mark Tatum
Mark Tatum
2,482 Points

Phone and E-mail info display on contact page but not my twitter info?

My phone and e-mail info display on my contact page but not my twitter info. Here is my code... not sure what I am doing wrong.

Thanks,

  </section>
       <section>
         <h3>Contact Details</h3>
         <ul class="contact-info">
         <li class="phone"><a href="tel:555-6425">555-6425</a></li>
         <li class="mail"><a href="mailto:mark@example.com">mark@example.com</a></li>
         <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=MWTatum">@MWTatum</a></li>
         </ul>
      </section>
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Mark,

Can you post a snapshot of your workspace?

https://teamtreehouse.com/forum/workspace-snapshots

4 Answers

Ali Amirazizi
Ali Amirazizi
16,087 Points
Ali Amirazizi
Ali Amirazizi
16,087 Points

There is a closing 'section' tag above the opening 'section' tag. Not sure if that is meant to be there or not. Everything else looks valid. Can you paste the entire html doc.

Mark Tatum
Mark Tatum
2,482 Points
Mark Tatum
Mark Tatum
2,482 Points

Hi Ali. Here is the whole About HTML Page:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mark's Favorite Lexington Restaurants | Restaurant Reviews</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/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
      <h1>Mark's Favorite Lexington Restaurants</h1>
        <h2>Restaurant Reviews</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html" class="selected">Contact</a></li>
           </ul>
        </nav>
    </header>
    <div id="wrapper">
      <section>
        <h3>General Information</h3>
        <p>I am available for travel consultation to Tlacatalpan, Veracruz</p>
        <p>Please only use phone for urgent inquiries, otherwise contact me via Twitter or e-mail.</p>
      </section>
       <section>
         <h3>Contact Details</h3>
         <ul class="contact-info">
         <li class="phone"><a href="tel:555-6425">555-6425</a></li>
         <li class="mail"><a href="mailto:mark@example.com">mark@example.com</a></li>
         <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=MWTatum">@MWTatum</a></li>
         </ul>
      </section>
          <footer>
        <a href="http://facebook.com/mark.tatum.737"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <a href="http://twitter.com/MWTatum"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <p>&copy; 2015 Mark Tatum.</p>
      </footer>
      </div>
  </body>
</html>
Mark Tatum
Mark Tatum
2,482 Points
Mark Tatum
Mark Tatum
2,482 Points

Here is the snapshot

https://w.trhou.se/8wfa0z1dw9

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

What's not displaying?

Are you at the point where you've added the icons yet?

I see the text of all 3 links when I preview the workspace.

Mark Tatum
Mark Tatum
2,482 Points
Mark Tatum
Mark Tatum
2,482 Points

Hi Jason. Yes, I have the icons saved in about, index and contact html. The truth is I forgot what it is supposed to look like. I kept moving forward. However, I do recall that the guy in the video had in his contact page 3 items: phone, e-mail and twitter. Only my phone and e-mail are displaying. The viewer is supposed to be able to click on (Either the word or icon and go direct to where they can tweet me not the main twitter page).

Well, your question prompted me to check..... I just noticed something. My Twitter and Facebook icon that were at the bottom of my About Page are gone. I went back to the image file and noticed they are now gone??? I uploaded the file again, with no problem, but this time it would not let me put it in the img folder. This is becoming very frustrating. Each time I attempt to place the icons in the img folder I get a message that the intenter connection was lost. Tried rebooting.... nothing.