469,935 Members | 1,695 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,935 developers. It's quick & easy.

Weird Link color...

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/
Jul 20 '05 #1
2 1638
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;
}
Jul 20 '05 #2
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/
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by redneck_kiwi | last post: by
7 posts views Thread by LRW | last post: by
3 posts views Thread by jpastora | last post: by
11 posts views Thread by Les Paul | last post: by
7 posts views Thread by JJ | last post: by
4 posts views Thread by Mark | last post: by
14 posts views Thread by Daniel Kaplan | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.