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 Andreas cormack
.a{fill-rule:evenodd;}techdegree seal-36
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points

Creating a html and css drop down navigation

I cant seem to find any tutorials on building navigation's using html and css. my problem is when i try to build a drop down navigation my css goes all over the place. Can anyone point me to a blog post or a tutorial. many thanks

4 Answers

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

This is my favorite [CSS dropdown menu](tutorialhttp://www.gethifi.com/blog/nicer-navigation-with-css-transitions) I used it to make this http://codepen.io/jamesbarnett/pen/oHraG

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Here is a link to a drop down menu using html & css, you should be able to get a good idea from it and modify things to the way you want.

Drop down menu

Andreas cormack
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points
Andreas cormack
.a{fill-rule:evenodd;}techdegree seal-36
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points

Thanks very much all