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

Louise Helbo
Louise Helbo
899 Points

How do I get inline images in html?

I'm doing the first track and building a website with html. But the images, added as unordered list items, just wont show inline like they are supposed to. Insted I get these little icons that act as links to the actual pictures. What am I missing?

  <ul>
          <li>
            <a href="img/numbers-01.jpg">
              <img src="ima/numbers-01.jpg" alt="">
              <p>This should be the text of the picture.</p>
            </a>
          </li>

Here's a thread on how to post code in the forums: https://teamtreehouse.com/forum/posting-code-to-the-forum

Louise Helbo
Louise Helbo
899 Points

Thanks! That helped a lot.

Do you know why the images are not shown inline?

2 Answers

Hi Louise,

You have a typo in your source path.

You have <img src="ima/numbers-01.jpg" alt="">

should be <img src="img/numbers-01.jpg" alt=""> Changed ima to img

If they're still not showing up then look in your "img" folder and make sure all the images are there.

Louise Helbo
Louise Helbo
899 Points

Thank you! I should have seen that myself. Thanks again!

Louise Helbo
Louise Helbo
899 Points

Oh I'm sorry, I wanted to quote my lines of code but of course they just appear as... coding :(