CSS Forum

**bigfreak** · 12-11-2006, 12:12 PM

i was wondering what the best way to have an image change on a webpage is using css.

What i mean is this, page 1 has 4 links, each link going to a different page. On each of the four pages there is a different image with some text.

Should i just create a new style sheet for each page with the background image changed for each div tag, or is there a better way to do this?

I "think" I will have the images in the same place on each of the 4 pages, it will just change. I have to decide on that as well.

please let me know your thoughts

**LadynRed** · 12-11-2006, 12:38 PM

You can add a class or ID to your body and specify the BG image in your CSS for each class.

In other words:
for page 1:
body .page1{
background: url(pg1bg.gif}}

then in the html
<body class="page1">

**bigfreak** · 12-11-2006, 03:15 PM

ok, you lost me when you clicked "post quick reply"

lol

i'll play with it a bit.

thanks lady!

**LadynRed** · 04:21 PM

lol

It's not too hard to do, really !

body .page1 specifies the class of .page1 for the body element.

**bigfreak** · 12-11-2006, 06:35 PM

i'm not sure if i explained myself properly here.

But i got the problem fixed anyways.

thanks for help lady!

I am now converted to the ways of css!