background images and CSS

**pellerbe** · Jan 13, 2009, 16:46

I'm trying to learn enough HTML/CSS to move my church's website from tables to CSS.

We use one image [a drawing of the church] as background on the index page, and then another image [a screened version of that drawing] as background on all the other pages.

Does that mean that I can't use CSS to set a background image?

Thanks!

**Tsid** · Jan 13, 2009, 23:07

Well, i think, that depends on which cms you are using if using one.

The idea is to use different classes for different pages - i mean, applying different classes to the Body tag.

So, the remaining question is - are you able to use differrent classes on the Body tag and how it would be convenient to you to use them.

**AutisticCuckoo** · Jan 14, 2009, 03:20

Originally Posted by pellerbe

Does that mean that I can't use CSS to set a background image?

Not at all! You just need a way to differentiate between the two types of page. For instance, you can add an ID (or a class) to the <body> tag on your index page:

Code HTML4Strict:

<body id="start">

Then use two CSS rules: one that applies for all pages and one that overrides that rule for the index page:

Code CSS:

/* This rule applies to all pages. */
body {background-image:url("screened.jpg")}
 
/* This rule overrides the preceding one for the index page. */
body#start {background-image:url("church.jpg")}

**pellerbe** · Jan 14, 2009, 06:03

That is exactly what I needed.

Thanks both!

Polly

The SitePoint Forums have moved.

User Tag List

Thread: background images and CSS

Thread Tools

Display

Hybrid View

background images and CSS

Bookmarks

Bookmarks

Posting Permissions