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

General Discussion

Posted by Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Nav bar links not working?

Hey. The nav bar links don't work on my page. I've checked the code and all looks fine. And my gallery image links are working okay to.

Any idea why this would happen. Been searching for hours now and can't find a solution :(

http://web-09wltlfyez.treehouse-app.com/

Thanks

5 Answers

Joshua Briley
PLUS
Joshua Briley
Courses Plus Student 24,645 Points
Joshua Briley
Joshua Briley
Courses Plus Student 24,645 Points

This is a z-index issue with your feature-area. It is essentially layered over your header. 

header {
  position: relative;
  z-index: 10;
}
#feature-area {
  position: relative;
  z-index: 1;
}

This should solve your issue.

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

THANK YOU :) !!!!!!

That did the trick

Joshua Briley
Joshua Briley
Courses Plus Student 24,645 Points

You're very welcome. I'm glad it worked for you.

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Hey Joshua

the change has caused a slight problem with the space under my pic. When I use a negative margin like before it effects the padding in the featured optin. Any suggestions ? Thanks

Joshua Briley
PLUS
Joshua Briley
Courses Plus Student 24,645 Points
Joshua Briley
Joshua Briley
Courses Plus Student 24,645 Points

This is what I'm seeing in Chrome.

The z-index, itself, shouldn't be causing any padding issues. Can you send me a screen capture of what you're seeing, and what browser you're using?

Kerry Russell
PLUS
Kerry Russell
Courses Plus Student 2,924 Points
Kerry Russell
Kerry Russell
Courses Plus Student 2,924 Points

Hi Joshua. Thanks for your reply. Really appreciate it! :)

I've sorted it now. My header is float left, and it was making my feature area do the same (not sure why), so I used clear:left; on feature area.