Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Horizontal CSS Menus: Here

CF Navigation Menu II

Author: Dynamic Drive

This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu. The name "CF" is taken after our partner site CodingForums.com, which at the time of writing uses a menu based on this code.

In case you're wondering, this CSS menu retains its structure well when the text is resized.

Demo:


The four images used:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/07/2006

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive