[css-d] Class not activating color aspects
Can someone help me with this one:
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
lia href=/clients/index.ws class='selected'Clients/a/li |
lia href=/talk/index.wsLets Talk/a/li
/ul
a.selected {
color: red;
font-weight: bold;
}
I get the bold, but not the red
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
Scott Haneda wrote:
Can someone help me with this one:
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
lia href=/clients/index.ws
class='selected'Clients/a/li | lia
href=/talk/index.wsLets Talk/a/li /ul
a.selected {
color: red;
font-weight: bold;
}
I get the bold, but not the red
Since you're not giving the actual context of the snippet, I can
only guess:
You probably have set a colour for ul#navlist a, and to override
it with just a class, you'd have to add the parent's selector
too. IOW, the following will probably work:
#navlist a.selected {
color: red;
font-weight: bold;
}
If not, provide a url so we can look at the rest of the code.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
Since you're not giving the actual context of the snippet, I can
only guess:
You probably have set a colour for ul#navlist a, and to override
it with just a class, you'd have to add the parent's selector
too. IOW, the following will probably work:
#navlist a.selected {
color: red;
font-weight: bold;
}
If not, provide a url so we can look at the rest of the code.
I fixed the | as per the other email, tried your suggestion, did not work:
http://cbi.newgeo.com/why/index.ws
http://cbi.newgeo.com/css/main.css
Thanks for the help.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
On Jun 8, 2006, at 2:37 PM, Scott Haneda wrote:
Since you're not giving the actual context of the snippet, I can
only guess:
You probably have set a colour for ul#navlist a, and to override
it with just a class, you'd have to add the parent's selector
too. IOW, the following will probably work:
#navlist a.selected {
color: red;
font-weight: bold;
}
If not, provide a url so we can look at the rest of the code.
I fixed the | as per the other email, tried your suggestion, did
not work:
http://cbi.newgeo.com/why/index.ws
http://cbi.newgeo.com/css/main.css
You have this in your CSS file:
#navlist a:link, #navlist a:visited {
color: #000;
text-decoration: none;
}
#navlist a:link has the same specificity as #navlist a.selected. The
second style listed will win, so the link is black for the .selected
link. Try reversing the order of the styles in your style sheet:
#navlist a:link, #navlist a:visited {
color: #000;
text-decoration: none;
}
#navlist a.selected {
color: red;
border: 1px solid red;
}
--dave mcfarland
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
Affrternoon Scott
You wrote
Can someone help me with this one:
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
lia href=/clients/index.ws class='selected'Clients/a/li |
lia href=/talk/index.wsLets Talk/a/li
/ul
a.selected {
color: red;
font-weight: bold;
}
I get the bold, but not the red
--
If all you want is bold red text for the link make these changes
in the CSS;
.selected a{ -- reverse the .selected and the A
color: red;
font-weight: bold;
}
And in the html;
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
li class=selecteda href=/clients/index.ws Clients/a/li | ---
move the selector from the anchor to the * li* and use double quotes not
single..
lia href=/talk/index.wsLets Talk/a/li
/ul
Tested locally in FF 1.5.0.4 and IE 6.0 win xp pro sp2...
hth
Jim Nannery
owner - www.backporchgames.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
li class=selecteda href=/clients/index.ws Clients/a/li | --- move the selector from the anchor to the * li* and use double quotes not single.. Is there any solid ref on use of ' over in html and css? Thanks for the help with the other stuff, got it working now. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
