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 Styling Web Pages and Navigation Style the Image Captions

Karl Rosqvist
Karl Rosqvist
2,162 Points

CanΒ΄t get the pictures to place between each other. I really messed up here, can anyone give a helping hand?

4 Answers

Simon Coates
Simon Coates
28,694 Points
  • you have a couple minor errors with your css. the double colon, and probably the comma in 0,75em.
/****************************** 
Navigation
*******************************/
nav {text-align:: center;
padding: 10px 0;
margin: 20px 0 0;
}


/****************************** 
Footer
*******************************/
footer {
font-size: 0,75em;
text-align: center;
padding-top: 50px;
color: #ccc;

}
  • id="gallery" is attached to the wrong element. The style is working, but you should have that id attached to the something that encloses the images. for example:
    </header>
    <div id="wrapper">
    <section id="gallery"> <!-- CHANGE IS HERE -->
    <ul>
      <li>
      <a href="Bilder/numbers-01.jpg"></a>
         <img src="Bilder/numbers-01.jpg" alt="">
         <p>experimentation with colors and texture</p> 
      </li>
Simon Coates
Simon Coates
28,694 Points

You still need to remove the extraneous id:

  <nav>       <ul id="gallery">

By definition, a html file should have a single element for a particular Id. Here, that id also adds css to the navigation elements.

Karl Rosqvist
Karl Rosqvist
2,162 Points

Great answer! Thanks.. However, my list of items (Portfolio, about, contact) is also double just like the pictures.. What did I do wrong?

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