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

CSS Tabs menu

Author: Dynamic Drive

This is a basic CSS tabs menu, created from an ordinary HTML list. The menu supports two common requests- the ability to align the menu "left", "center", or "right" on the page, plus highlight a particular tab so it appears selected.

Demo:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/07/2006

Revision History: Updated 05/16/2006 for consistent link states colors.

Usage Terms: Click here

Your Comments (35)

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 4 of 4 pages « First  <  2 3 4

The script works great in IE 7.0.5730.11 but not in Firefox 2.0.0.16.

The tab for the selected page works but the other tabs do not:

www.carleton.ca/~barker/mbbib/

Any thoughts?

Thanks.

Mike
Posted by Mike on 08/26, 10:43 AM
Nice tab menu :D
Posted by Stefan Ashwell on 09/15, 04:39 AM
Superb! working nicely! thanks a lot!
Posted by anitha on 09/17, 05:23 AM
Thanks for making such a great tool available for us to use! I'm looking forward to trying out the tabs on my site.
Posted by Addict Free on 09/25, 11:34 PM
great code thanks...
Posted by Oyunlar1 on 09/26, 06:17 PM

Comment Pages 4 of 4 pages « First  <  2 3 4

Name: (Required)

Email: (Required)

(NOT shown on page)

URL:

(Shown on page if entered)

Comments: (Required)

Supported BB codes: [b], [i], [u], [em], [strike], [strong], [pre], [code], and [blockquote].

Remember my personal information
Notify me of follow-up comments?

Submit the word you see below ("previewing" post does not require it):


Copyright 2006-2008 Dynamic Drive Read our Usage Terms before using any of the CSS codes.
Dynamic Drive DHTML and CSS Code Library