@charset "UTF-8"; /* CSS Document Copyright 2007, Leigh Cotnoir*/ /* ------------------------------------ */ /* ------------EXAMPLE ONE------------- */ /* ------------------------------------ */ #navbar1{ display:inline; /* important in keeping buttons all on same line */ width: 400px; /* this is set to the width of 4 links at 100px-wide each */ } #navbar1 ul { list-style-type:none; /* important to keep the bullets off your list items!!! */ line-height: 30px; /* vertically centers the text based on height of ".link" class below */ padding:0; /* Placing this on a horizontal ul/ol removes residual, inherent left indents. */ margin:0; /* Placing this on a horizontal ul/ol removes residual, inherent left indents. */ } #navbar1 a { color:#000000; text-decoration:none; } #navbar1 a:hover { color:#FF6600; text-decoration:none; } .link { position:relative; /* this value important: do not change. */ width:100px; /* this sets the width of each application of the "link" class. */ height:30px; /* this sets the height of each application of the "link" class */ font-size:14px; /* how big the text is under the span images...careful, too big and it will overflow, becoming visible. */ float: left; /* lines the boxes up in a row so they don't stack vertically when we assign this class to block-level tag like
or