Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Navigation menus design

Navigation menus design


I want to design a Navigation menu something like:


From css point of view how is better to write your code: hide dropdown list with position:absolute; left:-999em; and on hoover top:0; left:0;
or display:none; and display:block; on hoover?

Problem courtesy of: mcmwhfy


Using display instead of positioning is more correct as it actually hides the element instead of just moving it outside the page.

Besides, this also saves you 3 lines of code.

Solution courtesy of: strmstn


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Navigation menus design


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription