[RESOLVED] Change the background image in a div box on each page

[stewart3000]

I have three pages that are controlled by a css external style sheet, there is a large jpg banner in a div box which is on all the pages but I want to change it for every page apart from the home page..... but what ever I do on the one pages also affects the others I'm using dreamweaver but I figured this is to do with the css style sheet

is there a way to detach one page at a time or make another internal style sheet for each page

[ryanbutler]

Couple options (depending on how many pages this is):

1). You could create separate ID's in the style sheet.

2). The other solution I'm thinking about is a little more complex, but might be better depending on how many pages you're using.

[stewart3000]

it will be for about 10 pages in total, is there an easy was to separate the ID's in the style sheet

[ryanbutler]

Easiest is to create 9 additional rules and approach it from that avenue.

[stewart3000]

If you're not too busy etc and I was to send the ftp details what would you charge to do this..

I have the banner on the home page I would just need it to be diffirent for one page then I could 'save it as' for the others.
I have the picture banner jpg in the site images folder saved as the one I would like it to be on the second page.

[ryanbutler]

For each box, you have this:


<div class="something">

</div>


or


<div id="something">

</div>


Just create 9 new classes or ID's in your style sheet that reflect the different background images for each page:


<div class="mysecondimage">

</div>


It's that simple...unless I'm misunderstanding something.

[stewart3000]

Yes it really was that easy,
Thanks - this is the best help anyones given me on this forum so far.