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

CSS Library: Vertical CSS Menus: Here

DD Blue Blocks Menu

Author: Dynamic Drive

This is our rendition of a block looking vertical menu, inspired by the original Blue Blocks menu and based on the CSS used by the vertical menu of our sister site CSS Drive. It supports the insertion of menu headers to act as dividers between groups of menu links.


The CSS:


Code Info

Rate this code:

Date Posted: 05/07/2006

Revision History: None

Usage Terms: Click here

Your Comments (37)

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 4 pages  <  1 2 3 4 >

Thanks very much for all the great code here :) I frequently use these menu's to speed up my production time as they're robust and very easy to implement. Thank you again!!
Posted by Harmony on 07/24, 07:04 PM
Posted by mockingbird on 07/30, 05:18 PM
Is this type of code stranded stable?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
I mean, how stable is the menu? Is this coding type by w3 under development?
I just want to make sure that this menu is stable before I add this to my web site.
Thank you, in advance, for the help.
Posted by SAM on 09/02, 01:10 AM
Yes you are right Sam,but I think it's stable
Posted by for Sam on 09/21, 12:45 AM
Works great in Firefox, but requires a little tuning for the code to work properly in IE.
Posted by Carrie on 10/27, 10:35 PM
This line appears twice in the CSS:

font: Normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

When I try to change the default "Trebuchet MS" to "Verdana" I get extra white space after the "border bottom" in IE 7. Any sugeestions?
Posted by domdeez on 01/28, 06:14 PM
I love this menu because you can separate the links by their categories with different colors. I decided to see if I could make the menu a pullout menu by using the suckertree vertical menu now I can not seem to be able to add the menutitle.
Please help.
Posted by Jerry Dumas on 02/01, 11:03 AM
If I try to use it, there is no border around the menu and menu titles are 100% wide so they are across whole page. This appears to me in FF and IE 6.0
Posted by Tomas on 04/10, 05:22 AM
This menu is really class. But when i copy paste the code in a fresh document, a blank space appears on the right side of the menu. Can you help!!!
Posted by Preeti on 04/22, 05:28 AM
Wow,it's a pleasant surprise for me. Actually I was looking for this. Thanks a lot.
Posted by James Larson on 07/17, 12:34 AM

Comment Pages 3 of 4 pages  <  1 2 3 4 >

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