How to make changes to other pages

[stewart3000]

I have three pages that are controlled by an 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

[Fang]

Is the banner a background image?

[stewart3000]

Yes it's a jpg background image in the div box which is displayed on all pages
I want to alter the jpg for each page but can only see how to alter it for every page.

[Fang]

Use this technique: http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
Add a different id to the body of each page.
/* index page */
#index #banner {background:#ccc url(foo.jpg) no-repeat;}
/* faq page */
#faq #banner {background:#ccc url(bar.jpg) no-repeat;}

[stewart3000]

Thanks but maybe I should see if there's a way of doing it directly in dreamweaver I didnt understand the information at this link