I have a test/mock-up page here:
http://mathxy.com/dev/index.htm

and I've set one link on the dark-blue menu bar
the "Home" link that comes first

and it is blue font, but should not be.

Style sheet is here:
http://mathxy.com/dev/default.css

and this is defined as class "menuitem"

and I have the following definitions in the style sheet:

-----
..menuitem, a.menuitem:link {
color: #CCCCFF;
display: inline;
font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
}


a.menuitem:hover {
background: #9900CC;
color: White;
text-decoration: underline;
}

a.menuitem:visited {
color: #CCCCCC;
}
-----

Yet the link comes out the default HTML blue, harking back to NS3 days.

Earlier in the stylesheet I have these definitions:
-----
a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
background-color: #CC99CC;
color: Black;
font-weight: bold;
}
-----

but that still doesn't indicate why I am getting default link behavior.
I've tested with the plain "a" definitions both before and after the
"a.menuitem" definitions, and same results both ways.

I am also in compliance with the LVHA rule, so am just plain puzzled as to
why the link on "Home" isn't coming out the correct color (which should be
#CCCCFF).


--
Sheila King
http://www.thinkspot.net/sheila/
http://www.k12groups.org/

Sheila King wrote:[color=blue]
> I have a test/mock-up page here:
> http://mathxy.com/dev/index.htm
>
> and I've set one link on the dark-blue menu bar
> the "Home" link that comes first
>
> and it is blue font, but should not be.
>
> Style sheet is here:
> http://mathxy.com/dev/default.css
>
> and this is defined as class "menuitem"
>
> and I have the following definitions in the style sheet:
>
> -----
> .menuitem, a.menuitem:link {
> color: #CCCCFF;
> display: inline;
> font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
> font-weight: bold;
> padding-bottom: 0px;
> padding-top: 0px;
> padding-left: 5px;
> padding-right: 5px;
> }[/color]
the <A> does not have the class "menuitem". You have given that class ti the
<DIV>.

try this.... (i have not tested it, but it should work)

..menuitem a, .menuitem a:link {
color: #CCCCFF;
display: inline;
font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
}

..menuitem a:hover {
background: #9900CC;
color: White;
text-decoration: underline;
}

..menuitem a:visited {
color: #CCCCCC;
}

On Tue, 28 Sep 2004 00:00:09 GMT, "Disco Octopus"
<discooctopusN05PAM@yahoo.com> wrote in
comp.infosystems.www.authoring.stylesheets in article
<dQ16d.1402$aA.51557@news.optus.net.au>:
[color=blue]
> the <A> does not have the class "menuitem". You have given that class ti the
> <DIV>.
>
> try this.... (i have not tested it, but it should work)[/color]

Thanks, that tip gave me the clue I needed to get it to behave the way I
want.

Much appreciated,

--
Sheila King
http://www.thinkspot.net/sheila/
http://www.k12groups.org/