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

Posted by John Levy
John Levy
1,451 Points

My nav bar elements are not clickable

My nav bar works on its own but when I add the elements for the rest of the page it is not clickable. I dont think the issue lies within the CSS but with the HTML. When I remove the code from lines 42-51 in the HTML the links work and are clickable. How do I keep code from lines 43-51 but also make the nav bar elements clickable? I have attached my code below- http://codepen.io/Johned22/pen/BLkpPq Thanks in advance

2 Answers

Marco van Vemden
Marco van Vemden
12,553 Points

Hi John,

  • on line 17, add a <body> tag
  • on lines 22+23, 26+27, 30+31, 34+35, you need to move the <img> tags between the <a> and </a> tags for the image links to work.
  • on line 37, remove style="width: 1400px; height: 300px; position: absolute;" from the <div> tag.
  • on line 38, remove style="position: relative;" from the <img> tag
  • on line 92, add a </div> tag to close the "site-wrap" div.
  • on line 93, add a </body> tag
  • on line 93, add a </html> tag

and all should work.

John Levy
John Levy
1,451 Points
John Levy
John Levy
1,451 Points

Thanks, that solved all the issues.