Weird Link color...

[Sheila King]

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/

[Disco Octopus]

Sheila King wrote:

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;
}

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;
}

[Sheila King]

On Tue, 28 Sep 2004 00:00:09 GMT, "Disco Octopus"
<di****************@yahoo.com> wrote in
comp.infosystems.www.authoring.stylesheets in article
<dQ*****************@news.optus.net.au>:

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)

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/