multiple background images on same page?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
stevegos

multiple background images on same page?

Post by stevegos »

Hi

Is it possible to use multiple background images on the same page?

For instance, I want to use a single image at the top which is not repeated, and use a smaller image that will be repeated (tiled) down the rest of the page.

This is for the entire page so would be part of the body tag?

I've looked around the web and find differing opinions if its possible.

Any ideas?

Steve
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: multiple background images on same page?

Post by KO »

You can have only one background image for single html tag. If you need several you need to use several tags like divs each one having one image.
nuno

Re: multiple background images on same page?

Post by nuno »

...  then css

Nuno Costa
Ziggywigged
Power Poster
Power Poster
Posts: 424
Joined: Sat Feb 02, 2008 12:42 am

Re: multiple background images on same page?

Post by Ziggywigged »

This really depends on your layout. It is possible if, let's say, you have a body/html background and a wrapper div that covers your entire page, then you can specify a different background for that div with css.
Take a penny, leave a penny.
stevegos

Re: multiple background images on same page?

Post by stevegos »

Here's the setup...

A body tag in the css that contsins the background image. This is centered on the page and set to no-repeat.

A container wrapper div surrounds the content of the page. This div already has its own background image.

The reason I am asking is because some of the pages on the web site have become longer than antisipated. The background image looks odd if it repeats downwards (y axis).

I could make the background image longer but its already a larger file (in Kb) than I'm happy with.

Nuno: can you explain the page_alias thing a bit more.

Thanks, Steve
Locked

Return to “Layout and Design (CSS & HTML)”