Hello,
I am trying to build a web and am a CSS newbie. What I want to accomplish is
to have different background images for other pages. I have been trying to
insert embedded style sheet between <style></style> from local page to override
the default image. But can't make it work.
<default.css>
#logo {
width: 960px;
height: 286px;
margin: 0 auto;
background: url(../images/home.gif) no-repeat left top;
}
I try to override the background image as follows:
<head>
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css" title="default" media="all">
#logo {
background: url(../images/newimg.gif) no-repeat left
top;
}
</style>
</head>
The browser removes the default image but does not show the new image. Where
did I do wrong? Can anyone help? Or is there a better way to achieve that?
Thanks,
Charles
______________________________________________________________________
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/
