-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Martha Spizziri
Sent: 26 August 2008 15:55
To: css-d@lists.css-discuss.org
Subject: [css-d] What's wrong with these links?
>Maybe I'm having a brain cramp, but I've looked at this page and its
>style sheets
>http://www.asbpe.org/contest/2008/win08multi.htm
>several times and can't figure out why
>1) Unvisited links in the table show up in blue, not the brick-red color"
This rule is applied
a:link {
color:#003399;
text-decoration:underline;
}
>and
>2) Visited links show up reversed -- white type on reddish background.
I can't reproduce this but imagine that this rule was causing it:
.sidebar-winner > h5 > a:link, a:visited, a:hover, a:active {
background-color:#831C00;
color:#FFFFFF;
}
That shows the real problem here quite well. I expect you think this rule
applies those colours to all links which are within H5s in the sidebar div.
Unfortunately, it does not. Instead, it only applies them to a:link on H5s in
sidebar. The other three selectors (a:visited, a:hover, a:active) are applied
to all links in the site. They are overridden elsewhere, mainly because this
syntax is quite common in your stylesheets.
The comma acts as a separator between selectors and denotes the beginning of a
completely new selector. The following will achieve the effect you are looking
for.
.sidebar-winner > h5 > a:link,
.sidebar-winner > h5 > a:visited,
.sidebar-winner > h5 > a:hover,
.sidebar-winner > h5 > a:active {
background-color:#831C00;
color:#FFFFFF;
}
I also saw this, which I wouldn't expect to work in IE6:
.Head2 a:link:visited:hover:active, .Head3 a:link:visited:hover:active, .Head4
a:link:visited:hover:active, .Head5 a:link:visited:hover:active, .Head6
a:link:visited:hover:active {
background-color:#FFFFFF;
color:#831C00;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
