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

Navigation menus design

Navigation menus design

Problem

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

Solution

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

Discussion

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

×