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 Build the Footer

Posted by Adnan Basra
Adnan Basra
2,317 Points

Dash (-) between my Facebook and Twitter Logos

I wrote all the code in workspace. Every thing is ok except a dash between my Facebook and twitter logo and strangely somehow it is linked to my twitter address. Anybody have a clue what is this dash? An inline image ![alt text](https://www.dropbox.com/s/0ls7wnexjkhedxg/question.JPG?dl=0 "question"

Rich Bagley
Rich Bagley
25,869 Points

Hi Sadia,

Can you post your HTML code with 3 back ticks (```) on the line before and after it please and we'll take a look?

Thanks

-Rich

Adnan Basra
Adnan Basra
2,317 Points 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Adnan Basra | Graphic Designer</title>
</head>
<body>
  <header>
    <a href="index.html"><h1>Adnan Basra</h1>
    <h2>Designer</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">Contact</a></li>

      </ul>
    </nav>
    </header>

  <section>
    <ul>
  <li>
    <a href="img/numbers-01.jpg">
    <img src="img/numbers-01.jpg" alt="">
    <p>Experimenting with Color and Texture.</p>
    </a>
  </li>

   <li>
    <a href="img/numbers-02.jpg">
    <img src="img/numbers-02.jpg" alt="">
    <p>Playing with Blending modes in Photoshop.</p>
    </a>
  </li>
   <li>
    <a href="img/numbers-06.jpg">
    <img src="img/numbers-06.jpg" alt="">
    <p>Trying to create a 80's style glows.Trying to create a 80's style glows.</p>
    </a>
  </li>
      <li>
    <a href="img/numbers-09.jpg">
    <img src="img/numbers-09.jpg" alt="">
    <p>Drips created using Photoshop Brushes.</p>
    </a>
  </li>
      <li>
    <a href="img/numbers-12.jpg">
    <img src="img/numbers-12.jpg" alt="">
    <p>Creating Shapes using repetition.</p>
    </a>
  </li>

    </ul>
  </section>
  <footer>
    <a href="http://facebook.com">
     <img src="img/facebook-wrap.png" alt="Facebook Logo">
    </a>
    <a href="http://twitter.com">
      <img src="img/twitter.png">

    </a>

    <p>&copy; 2014 Adnan Basra.</p>
  </footer>
</body>
</html>

2 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi Sadia,

Can you try adding this to your footer a style please if it's not already there please?

text-decoration: none;

e.g.

footer a {
text-decoration: none;
}

This is a little bit of a guess as your HTML looks fine but it should clear the link underline.

Thanks

-Rich

Adnan Basra
Adnan Basra
2,317 Points
Adnan Basra
Adnan Basra
2,317 Points

Thanks Rich. It did the trick.

Rich Bagley
Rich Bagley
25,869 Points

No problem. Glad you got it sorted.

-Rich