Have 2 Images as background

Hello

I have do that:



Can I have the "image1.jpg" at the left red section, and the "image2.jpg" at the right red section? As Background image!

Thank you for any help!

Yours,
JimKarvo

 

Yeah but it depends how you've made your site template.

You could use tables or div's. Give each div an id, such as "div_left", "div_center" and "div_right".

The in css have something like

#div_left {
background: url("images/image1.jpg");
}

#div_right {
background: url("images/image2.jpg");
}

Code (markup):

 

with this in mind make sure you add no-repeat otherwise the images would persistently repeat in the div boxes.

 

I left it out incase he wanted it to repeat. Like when using a background texture


you can also use repeat-x and repeat-y to have it repeat in one direction only

 

you aren't able to use the "background" tag though are you?

 

pylon, there is no such thing as a background tag, although there is a deprecated (read: obsolete) attribute that shouldn't be used since it's a presentational HTML attribute that is handled even better with CSS (which also has far more options available to it than the plain old obsolete HTML attribute) anyway.

 

I heard Safari allows multiple background images for each element. If this is true, and is a site for only (for instance) Mac users, then that red area would just be the body with two backgound images positioned at 0,0 and 100%,0. I've heard of Mac sites that are written with no thought to other browsers since the assumption is that Mac users aren't going to visit with FF or IE. An possibly later, other browsers will begin to allow this too... far, far in the future... maybe... : (

 

Safari 3 does, and it's a CSS3 property. Even if Opera and Firefox (as well as other Gecko based browsers) implement it, I don't see IE doing so for a long time.

 

provide your url or we can't help you, we can only make assumptions.

 

Try setting a background image on the html element, and another on the body perhaps?