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: Horizontal CSS Menus: Here

Matt Black Tabs

Author: Dynamic Drive

There's often beauty in simplicity. Matt Black Tabs is a clean CSS list menu that uses no images, and very small in footprint. Each tab is floated left to achieve its look and all contained in a wrapper that negate the need to manually clear "float" for the contents that immediately follow.

Note: Make sure your page contains a valid doctype for this menu to render properly.

Demo:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 06/28/2008

Revision History: 07/01/2008: Fixed IE6 bug.

Usage Terms: Click here

Your Comments (38)

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 >

HELP....
Hey cool script.
But when i insert it into my page save and refresh i
get the bar message at top of screen saying....
"
to help protect your security, Internet Explorer has restricted this web page from running script and ActiveX controls that could access your computer. Click here for options
..."

this would be very annoying to people viewing my page. Is there any way to correct this please?

Paul
Posted by Paul on 10/23, 05:53 AM
Love it, no images ... just pure code...thanks.
Posted by Jetiro on 10/25, 12:50 PM
Thank you so much! This saved me a lot of headaches.
Posted by Mark on 11/24, 10:58 AM
wow...this was so easy to do. it's awesome. thanks so much!
Posted by maharet on 12/10, 03:39 PM
Strong stuff..keep up the brilliant work.
Freezer vans
Posted by Marger on 01/13, 05:06 AM
Hi, How can I make this menu to fit my webpage, I have 9 links and I want to make them fit to 800 px width. Thanks Anna
Posted by Anna on 01/25, 08:32 AM
Awesome! Is this compatible with Chrome? I know it's a small percentage of visitors, but I think it will grow and is worth looking into. Thanks.
Posted by Los Angeles DUI lawyer on 02/03, 04:29 PM
Hey guys/all - thank you for all the resources and how_to - I like the simplicity of this script and have customized it a bit - However I have been unable to have the font color change on visited links.

I have set my background color and hoover color as well as the font color but I would like to have the font color change from the normal black to something else once visited.

thanks again - I do not have the site uploaded yet so I am unable to post url.
Posted by Thomas on 02/08, 05:08 PM
Its really good - plain and right on the spot.

Thanks!
Posted by N85 on 03/09, 10:53 AM
Its good but if you do not want the right border only for the last button then?

It is not displaying over here as this page have white background, it is visible if used on a dark background page which is not looking good
Posted by Sajjad on 03/12, 02:10 AM

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


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