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 Organize with Unordered Lists

Posted by adina iulia
adina iulia
Courses Plus Student 187 Points

creating html content step

I m on this step and it says: ,,Be sure to add an unordered list (<ul>) element to the section element.''that s what I have done: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Adina Iulia</title> </head> <body> <header> <a href="index.html"> <h1>Adina Iulia </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> <ul> <li> <a href="imagini/11.jpg"> <img src="imagini/11.jpg"alt=""> <p>Beautiful landscape in Brasov.</p> </a> </li> </ul> <ul> <li> <a href="imagini/22.jpg"> <img src="imagini/22.jpg"alt=""> <p>Rare Flowers.</p> </a> </li> </ul> <ul> <li> <a href="imagini/33.jpg"> <img src="imagini/33.jpg"alt=""> <p>Dare To Explore.</p> </a> </li> </ul> <ul> <li> <a href="imagini/44.jpg"> <img src="imagini/44.jpg"alt=""> <p> Bubbles.</p> </a> </li> </ul>

</header>
<section>
</section>
<footer>
  <p>&copy; 2014 Adina Iulia.</p>
</footer>

</body> </html>

Can u help me find my mistake?

3 Answers

Eivind Jonassen
Eivind Jonassen
5,994 Points
Eivind Jonassen
Eivind Jonassen
5,994 Points

Seems like some of your code is outside the code block, but here is how a unordered list should look like:

<section>
      <ul>
         <li>Coffee</li>
         <li>Tea</li>
         <li>Milk</li>
      </ul>
</section>

When you are uncertain about how something is written its useful to go to http://www.w3schools.com/ to look it up. The example above is taken from: http://www.w3schools.com/tags/tag_ul.asp

adina iulia
adina iulia
Courses Plus Student 187 Points

<ul> <li> <a href="imagini/11.jpg"> <img src="imagini/11.jpg"alt=""> <p>Beautiful landscape in Brasov.</p> </a> </li></ul>

I hvae done like this but it s not workin

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hi Adina! The code you will need to add the unordered list to the section element is this:

<section>
    <ul>
    </ul>
</section>

Good luck with your website! Remember to include some <li> (list item) tags in your unordered list!

Andrew Stelmach
Andrew Stelmach
12,583 Points
Andrew Stelmach
Andrew Stelmach
12,583 Points

Not sure exactly what you're after, but you could try:

<section>
  <ul></ul>
</section>
Andrew Stelmach
Andrew Stelmach
12,583 Points

If that doesn't work (I think it should), try adding a list item to the unordered list:

<section>
  <ul>
    <li></li>
  </ul>
</section>