I looked at this again, and was able to get to the Credits page this time. I see there that you do have the class set in the <a> tag on this page. That is also where your problem lies. Your CSS for the class is assuming that the <a> tags are going to be within the .nav_l3_btn class, but they are not. Your links are using your default <a> styles. (Firebug shows a:active inheriting its style from Line 12 of your CSS file, which would be where your default <a> styles are designated.)
I suggest taking out the .nav_l3_btn class and just use the <div> id you already have. #nav_l3_btn a:link #nav_l3_btn a:hover etc. This will reduce your markup and styles needed for this section of the page. I suggest getting the "Firebug" add-on for Firefox. It is amazingly good for helping figure out problems like this. On Mar 15, 10:56 am, Randles <[email protected]> wrote: > The only place I can see this is on the Contact > page.http://grantsetcetera.com/pages/contact.html > > Upon reviewing your code I don't see anywhere that you are defining > the class ".nav_l3_btn" anywhere. You have the ID on your div, but no > where on those links to do you define the class. This would be your > quick fix. > > It looks like you are using a lot of "divs" in this area, even more > than are necessary. You might consider using an UL which could be > styled much easier in my humble opinion. > > On Mar 9, 5:12 pm, zalel <[email protected]> wrote: > > > > > 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]
