devdaily home | apple | java | perl | unix | directory | blog

What this is

This file is included in the DevDaily.com "CSS Source Code Warehouse" project. The intent of this project is to help you "Learn CSS by Example" TM.

Other links

The source code

/* CSS navtabs technique from http://www.simplebits.com/bits/css_tabs.html */
.container
{
	padding: 30px;
	margin: 20px 0 20px 0;
	border: 1px solid #ccc;
}

#minitabs
{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	background: url(../pnimages/tab_bottom.gif) repeat-x bottom;
}

#minitabs li
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#minitabs a:link, #minitabs a:visited
{
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}

#minitabs a:link.active, #minitabs a:visited.active
{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#minitabs a:hover
{
	background: #fff;
}




Copyright 1998-2008 Alvin Alexander
All Rights Reserved.
 
devdaily.com is based in louisville, kentucky, and this web site is hosted by godaddy.com