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 HTML Basics Going Further with HTML Links and Paths Challenge

Abz Man
Abz Man
6,702 Points
Posted by Abz Man
Abz Man
6,702 Points

Can someone translate this question and show me how to do it?

HELP!

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="/.img.logo.png" alt="Site logo">
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>
james holzgang
james holzgang
8,106 Points

Hello,

So, it wants you to find the image named logo.png which is one level up from your current index.html file in a folder called 'img'. So if they were at the same level you would simply do img/logo.png BUT since it's a level up you need to access it this way:

<img src="../img/logo.png">

Abz Man
Abz Man
6,702 Points
Abz Man
Abz Man
6,702 Points

Thank you very much. I understand how it works thanks to you. Have a Blessed Day.

1 Answer

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

You are so close! Go one level out of the current folder, the folder named "img". If you go out one level, use the ../, if you go out two level, use the ../../, but now you need go out one level so ../. Enter now the img folder ../img and end put this your code. ../img/logo.png . Hope this help.

Challenge Task 1 of 3

Set the <img> element's src attribute to a path that goes one level out of the current folder and inside a folder named img.

<img src="../img/logo.png" alt="Site logo">
Abz Man
Abz Man
6,702 Points
Abz Man
Abz Man
6,702 Points

OHHHHH I see! totally understand now thank you very much for pointing this out.