background-color: #777777 not working in CSS

"Kevin Yu" <kyu_alpha (AT) lycos (DOT) net> wrote

When I declare on HTML page

LINK href="mycss.css" type="text/css" rel=stylesheet /
...
BODY class=myclass

in mycss.css

BODY { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,
Geneva; background-image: url(images/back.jpg); }

BODY.myclass { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial,
Geneva; background-color: #777777; }
...

the background-color in the second declaration is NOT taken but the
"normal" background image back.jpg is used for the background.

How do I get #777777 as background-color ?

BODY.myclass {FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial,
Geneva; background-color: #777777; background-image: none;}

--
JayB

Sorry for the redundant reply. I saw this post in alt.html but replies were
set to only go to comp.infosystems.www.authoring.stylesheets. Perhaps if the
OP set the replies to go to all the groups this message was sent to the
responses would be a little more organized.

--
JayB

When I declare on HTML page

LINK href="mycss.css" type="text/css" rel=stylesheet /
...
BODY class=myclass

in mycss.css

BODY { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,
Geneva; background-image: url(images/back.jpg); }

BODY.myclass { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial,
Geneva; background-color: #777777; }
...

the background-color in the second declaration is NOT taken but the
"normal" background image back.jpg is used for the background.

How do I get #777777 as background-color ?

Probably b/c BODY over-rides BODY.myclass. You have 2 things competing for
the 1 BODY tag.

I'd say an alternative would be to change the 1st BODY class to read
something like BODY.anotherclass and where you don't want a page to display
class=myclass you change it to class=anotherclass

EG:

BODY.anotherclass { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,
Geneva; background-image: url(images/back.jpg); }

BODY.myclass { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial,
Geneva; background-color: #777777; }

Kevin Yu wrote:

BODY { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,
Geneva; background-image: url(images/back.jpg); }

BODY.myclass { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial,
Geneva; background-color: #777777; }

the background-color in the second declaration is NOT taken

Yes it is. However you also have a background-image. This is being used as
well.

but the "normal" background image back.jpg is used for the background.

Yes.

How do I get #777777 as background-color ?

Specify background-image: none;

--
Cheers
Richard.

Kevin Yu wrote:

When I declare on HTML page

LINK href="mycss.css" type="text/css" rel=stylesheet /
...
BODY class=myclass

in mycss.css

BODY { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY:
Arial, Geneva; background-image: url(images/back.jpg); }

BODY.myclass { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY:
Arial, Geneva; background-color: #777777; } ...

the background-color in the second declaration is NOT taken but the
"normal" background image back.jpg is used for the background.

How do I get #777777 as background-color ?

Kevin

Where's the URL? Did you validate your HTML? I can't seem to figure out
if you're using XHTML or HTML. Also, you should get some of the case
straight (you mix a lot). Good luck with the problem. Note that
font-size: 12px is a bit dangerous for certain pixels -- much better to
use relative scaling, but use the default (no definition) for the main
body.

--
Google Blogoscoped
http://blog.outer-court.com