#navlist {
padding: 5px 2% 1px; /* top, l-r, bottom */
margin-left 0;
border-bottom: 2px solid #6a6a6a; /* 778 */
font: bold 12px Verdana, arial, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 3px 1.0em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #6A6A6A;
text-decoration: none;
}
#navlist li a:link { color: #FFFFA0; } /* This is the font color */
#navlist li a:visited { color: #FFFFA0; } /* is a different color really necessary? I doubt it... */
#navlist li a:hover {
color: #000;
background: #FFFFCC; /* #FFFFA0 is a little too bright */
border-color: #6A6A6A;
}
#navlist li a#current {
color: #000000;
background:#FFFFCC; /* was white */
border-bottom: 1px solid #FFFFCC; /* was white */
}
/* to use navlist...
*
*
* 1) in stylesheet "body {..." segment, add the following three lines:
*
*
text-align: left; /* Next three lines keep tab navigation from line feed in narrow browser
width: 780px;
margin: 0 auto
these keep the navigation controls from getting all messed up in narrow browser windows...
2) sample usage:
3) sample usage: (id="current")
*/