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

CSS

Posted by Billy Rowe
Billy Rowe
1,295 Points

My hover spans too far

The space around my nav links that i can hover over is waay too much how do i fix it? in other words I can be a quarter down my page and still be able to click the links above. I hope this make sense.. thanks!!

3 Answers

Clayton Tevebaugh
Clayton Tevebaugh
7,617 Points

Without seeing your code its hard to say what to do. Try copying your code using the markdown cheatsheet referenced at the bottom of this comment text box when you type your response.

My guess is your padding is to large on your nav links.

Billy Rowe
Billy Rowe
1,295 Points

HEY!! You were right now my question is how can I space my nav links further apart with out running into that trouble again?THANKS!!

Clayton Tevebaugh
Clayton Tevebaugh
7,617 Points
Clayton Tevebaugh
Clayton Tevebaugh
7,617 Points

I believe its a problem with the padding in your nav a section.

/*************************** NAVIGATION ***************************/

nav { text-align: center; padding: 5px 0; margin: 0px 0 0; } 
nav li {display: inline-block;} 
nav a {
font-weight: 800; 
padding: 300px 150px; 
margin: 0,0,0,0;}
Billy Rowe
Billy Rowe
1,295 Points
Billy Rowe
Billy Rowe
1,295 Points

Thanks guys! it looks awesome now!!