Forum Moderators: not2easy
or same file.css, but a .body2 class?
[edited by: Quadrille at 1:57 am (utc) on Feb. 28, 2007]
body<body id="homepage">...</body>And then use more specificity:
body { background-color: #fff; }
body#homepage { background-color: #999; }Hope that helps :)
here is the part i have to change in the body.css
i have this
#content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #FFFFFF;
so what i do is this to change this table in black that is what i need
#content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #000000;
but when i do this in this file body.css the rest of the pages become black and i only need the homepage black, so the rest of the pages i need them like this
#content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #FFFFFF;
how do i overwrite this file to the index.html reads me the body.css that contain the color 000000 without affecting the rest of the pages that i need them FFFFFF
so how i do this i only need the index content page in black not the rest of the site the rest of the site has to be like it was in white
#content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #FFFFFF;
i need someone explain me step by step how to do this please!
and thank you very much guys,
[edited by: encyclo at 2:24 am (utc) on Feb. 28, 2007]
[edit reason] no links to personal sites please, see forum charter [/edit]
<table id="content" style="background-color:#000000;">
Of course this makes things harder to maintain because you have moved your presentation markup back into the page, but it will work for you.
You can add a new definition in your css file for just the main page, but this is an extra style you'll be carrying around that is only used once:
#main-content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #000000;
}
<table id="main-content">
You can use a shortcut with an inline style if it's just this one page that needs the black background.<table id="content" style="background-color:#000000;">
Of course this makes things harder to maintain because you have moved your presentation markup back into the page, but it will work for you.
That's why I wouldn't do it too - if you need to change it to a different colour somewhere down the track, you have to go hunting (or the guy that replaced you has to go hunting.)
You can add a new definition in your css file for just the main page, but this is an extra style you'll be carrying around that is only used once:#main-content {
position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #000000;
}<table id="main-content">
I'd avoid this also - purely because it's repeating values common to both
#content#main-contentWhat you could do is this:
in
, you have index.html
<body>
<table id="content">add this ID:
<body id="home-page">
<table id="content">in
, you have: body.css
table#content { position:absolute;
left:42px;
top:180px;
width:533px;
padding-bottom: 15px;
background-color: #fff; }add this rule below that line:
body#home-page table#content { background-color: #000; }That way, it's more easily maintainable.
i understand what are you saying but i can't make it work, i have in my desktop a folder called css that contain
3 files bodystyles.css menustyle.css styles.css
now i don't find where i can place this codes you just sent me and in my index.html page that is the ONLY PAGE THAT I NEED THE CONTENT IN BLACK i have this code:
------------------------------------------------------------------------------
[sorry too much code]
--------------------------------------------------------------------------
here you have the 2 codes i have my index.html and bodystyle.css with this 2 codes you can fix thi trouble i have or you need also the styles.css file and the menustyle.css
thanks a lot for the help i hope someone can provide me the codes back fixed so i can copy and paste, and upload see if it works i am new to css and i can't make only the index page of this website have the content black if i change the #FFFFF to #000000 all the pages become with the content tables black sucks
thanks a lot
[edited by: SuzyUK at 9:28 pm (utc) on Feb. 28, 2007]
[edit reason] Please see Forum Charter (above the thread) [/edit]
If you'd like to check the Forum Charter [webmasterworld.com]...
Fix My Code/Do My Homework
These type of posts are not all that welcome. This is a discussion board. If you have a problem, try to phrase your post in a manner condusive to discussion of the issue. We would like to teach people to help themselves.
We're not here to fix your code, we're here to teach you how to do something, and why to do it.
If you tried to copy and paste my example code into your stylesheet and wondered why it didn't work, it's possible it's because you don't have a single table on the page.
Thus the rule:
body#page-home table#content { background-color: #000; }.. will never get initialised, because it's looking for a body element that has the ID "page-home", and within that it's looking for a table element that has the ID "content".
We know you're new to CSS, but at some stage we all were. You've got to start learning somewhere.
Anibal
