Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Vertical CSS Menus: Here

Arrow Bullet List Menu

Author: Dynamic Drive

This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already! Note: For a version of this menu that dynamically expands and hides its sub menus, see Accordion Menu.

Demo:

The two images used:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 01/19/2008

Revision History: None

Usage Terms: Click here

Your Comments (45)

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 1 of 5 pages  1 2 3 >  Last »

Nice menu! It's amazing, thanks much!
Posted by SnedekerDesignz on 01/23, 09:04 AM
thats great. i will try to use it in my new web site.
Posted by petnos on 01/24, 02:15 PM
yeah, me too!
Posted by SnedekerDesignz on 01/25, 10:52 AM
I LOVE this! I've already been testing it out on my site, it's SO easy to customize! Thanks!!
Posted by Jinglebelle on 01/25, 01:44 PM
Thank. you. very. much, I will. use it
Posted by kyek on 02/03, 10:40 AM
this is a really professional looking menu. It's helped me a lot on my site.
Posted by Sheila Berna on 02/11, 11:47 AM
Ok, I'm very new at html coding, adn I can't get these to work. Do you copy this code between the body tag?
Posted by Brandon on 02/13, 08:51 AM
beautiful menu. thank you 1.000.000 times ;)
Posted by mihai on 02/16, 03:56 AM
What if have a background image instead of a background color and alongwith it I need to use the bullet? Is it possible with list style property?
Posted by zafar on 02/19, 04:58 AM
To have a background image is possible. You can give it a try.
Posted by Benjamin Prince on 02/19, 06:59 AM

Comment Pages 1 of 5 pages  1 2 3 >  Last »

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