CSS based horizontal navigation tutorials

Tutorial #14: Simple drop-down menu using CSS

It is a One Level Drop-Down Menu with Timeout effect. Internet has a lot of scripts with the name "Drop Down Menu". One day I needed to make such menu for my site. I have rummaged a heap of sites and archives with scripts. And not found what I looked for. On the Net scripts shared on two variants. The first - utterly worthless scripts. The second - too complex heap up and chargeable.

Author: Javascript-Array.com
Posted on: 18.02.2009

Tutorial #11: Smooth Navigational Menu using jQuery and CSS

Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that's a good thing given the important role of this element in any site.

Author: dynamicdrive.com
Posted on: 12.02.2009

Tutorial #10: Set of 12 tabbed CSS navigation menus

This is set of 12 nice CSS navigation menus. All of them can be used for commercial or private use.

Author: exploding-boy.com
Posted on: 12.02.2009

Tutorial #2: Horizontal Navigation CSS Menu

To create a horizontal menu, work the same as you did with the vertical menu. Start with the outside and work in. Since I want my navigation to start in the left corner, I set it with 0 left margin and...

Author: Jennifer Kyrnin
Posted on: 20.12.2008

Tutorial #1: Turning a list into a navigation bar using CSS

Most popular method for navigation based on HTML list elements. Good described example.

Author: 456 Berea street
Posted on: 20.12.2008