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 Milan Milosevic
Milan Milosevic
6,647 Points

Drop down menu

I've created a drop down menu on hover, positioned in header. But, on hover when it displays menu options, it spreads the header height to dispay them, and I want header height to stay the same, and those options to be displayed below, over the picture that comes streight after the header. Any advice?

2 Answers

Patryk Nowak
Patryk Nowak
14,103 Points
Patryk Nowak
Patryk Nowak
14,103 Points

Chris is right, you should put your code using 'Markdown Cheatsheet' or I think the best option is codepen.io or jsfiddle. I wrote very simple solution to your problem. Maybe this will help you: http://codepen.io/anon/pen/eJKgx/

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Patryk Nowak -

Nice example, straight forward code.

Chris Howell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Howell
Python Web Development Techdegree Graduate 49,610 Points
Chris Howell
.a{fill-rule:evenodd;}techdegree seal-36
Chris Howell
Python Web Development Techdegree Graduate 49,610 Points

I would recommend posting some of the code you are using for your drop down menu. Or upload a few screenshots to an image sharing place and link the URLs showing us what is happening.

if you are going to post code, be sure to use the Markdown Cheatsheet that is at the bottom (below the reply box). It will tell you how to make your code appear in a styled box to make it easy for everyone to read.