On this website, I set an a:link definition that's blue for text. http://grantsetcetera.com/index.html
I want to have a different a:link color for the Level 3 text buttons. I thought that the approach I used in the text below would enable me to have other colors for the text links but, obviously, I was wrong. Where is my mistake? http://grantsetcetera.com/pages/credits.html LINK DEFINITION FOR MOST TEXT a:link { font-family:Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Univers, Calibri, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif; /** font-style:normal; font-weight:normal; font-variant:normal; **/ text-transform:none; text-decoration:none; color:#0066CC; } a:visited { font-family:Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Univers, Calibri, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif; font-style:normal; line-height:normal; font-weight:normal; font-variant:normal; text-transform:none; text-decoration:none; } a:hover { font-family:Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Univers, Calibri, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; text-decoration:underline; color:#EE0000; } a:active { font-family:Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Univers, Calibri, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; text-decoration:underline; color:#66CCFF; } LINK DEFINITION FOR L-3 BUTTONS #nav_l3_btn { width: 110px; height: 45px; padding-top: 10px; padding-right: 10px; /** padding-bottom: 25px; **/ padding-left: 25px; /** margin-bottom: 25px; **/ float: left; height: 35px; background-position: center; } .nav_l3_btn { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Geneva, Arial, sans-serif; font-size: 11px; line-height: 11px; color: #FFFFFF; font-style:normal; font-weight:bold; /** font-variant:normal; **/ text-transform:none; text-decoration:none; vertical-align: middle; letter-spacing: 0.1em; } .nav_l3_btn a:link { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Geneva, Arial, sans-serif; color: #FFFFFF; text-transform:none; color:#0066CC; } .nav_l3_btn a:hover { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Geneva, Arial, sans-serif; color: #FF0000; text-transform:underline; } .nav_l3_btn a:visited { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Geneva, Arial, sans-serif; color: #DDDDDD; text-transform:none; } .nav_l3_btn a:active { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Geneva, Arial, sans-serif; color: #FFFFFF; text-transform:underline; } Thanks, Nicky -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
