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

CSS Indent Menu

Author: Dynamic Drive

Using two gradient background images, this horizontal CSS menu makes the active/ selected menu item appear indented. The width of the menu is set to 80% of its container in the demo .The entire menu markup plus images combined comes in at a very lean 2.5kb.


The two image used:

The CSS:


Code Info

Rate this code:

Date Posted: 09/18/2007

Revision History: July 4th, 08": Updated CSS and HTML for automatic clear float.

Usage Terms: Click here

Your Comments (69)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 3 of 7 pages  <  1 2 3 4 5 >  Last »

Are there any possibilities to highlight the one that is active.
If you click on one of the menuitems, it should be highlighted so I know that´s the one I´ve clicked at.

Posted by Marcus on 01/16, 02:41 AM
good exellent
Posted by haritha on 01/19, 10:16 AM
This menu is very nice
Posted by Sohag on 01/25, 09:53 AM
send me indentbg.gif
Posted by Lavish on 01/28, 01:23 AM
its supper, thanks!
Posted by mexx63 on 02/01, 01:48 AM
hay a.q nasıl olacak bu bi türlü html sayfasına gömemedim bunu
Posted by ali on 02/04, 06:51 AM
In ie 7, the menu compresses. I cannot figure out how to fic this.
Posted by Chris on 02/12, 01:15 PM
Great menu! Is it possible to add a submenu (drop down)? If so, how? Thanks!
Posted by Rob on 02/12, 08:42 PM
very nice menu
Posted by projektowanie stron www on 02/13, 12:00 AM
how can i remove this underline in the meny?
Posted by Simp Ops on 02/14, 03:48 AM

Comment Pages 3 of 7 pages  <  1 2 3 4 5 >  Last »

Commenting is not available in this weblog entry.
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.