background IMAGE"S" need one on left one on right

[bruno89]

hey im makin a new site for personal stuff and i want one image on the left hand side and one on the right. i have the left hand side just not the right couse i wasnt sure how to do it so instead of fin up my site i thought id ask the allmight css gods lol HOLA BACK !

-bruno your long lost spammer!

[karinne]

Since you haven't given us any code, I'm gonna have to assume that you have applied your background to the body { } or a div { }. If that's correct, then you'll need to apply the 2nd background to a (or another) div.

In CSS3 you'll be able to apply multiple backgrounds to the same element but then you'll have to wait to use it 'cause IE probably won't support it

[bruno89]

damn thats anoying urm heres the code i used

body {
background-image: url(images/layout_images/background.png);
background-repeat: repeat-y;
margin-top: 0px;
margin-bottom: 0px;
background-color: #4295C4;
}

and im new to css i only have basic knowlage ( yes i know its the same with all coding! ) so yeah ho do i do what you said?

[karinne]

Do you have a mock-up (image) of which background you want and where?!

[bruno89]

yeah iv got all the images i need just not the knowlage of how to put them were i want them lol

[moojoo]

Code: Select all

body {
 background-image: url(images/layout_images/background.png);
 background-repeat: repeat-y;
 margin-top: 0px;
 margin-bottom: 0px;
 background-color: #4295C4;
}

should be:

Code: Select all

body {
background: #4295C4 url(../images/layout_images/background.png) repeat-y left top;
margin:0 (rightvalue) 0 (leftvalue);
}

Just a stickler like that. At any rate put up something we can see so we know exactly what you want to accomplish.

[bruno89]

cheers but does anyone know how to do 2 background images or is it imposible?

[karinne]

Originally Posted by bruno89

cheers but does anyone know how to do 2 background images or is it imposible?

Not in the same element! You can't!

Originally Posted by karinne

Since you haven't given us any code, I'm gonna have to assume that you have applied your background to the body { } or a div { }. If that's correct, then you'll need to apply the 2nd background to a (or another) div.

In CSS3 you'll be able to apply multiple backgrounds to the same element but then you'll have to wait to use it 'cause IE probably won't support it

[moojoo]

it can be done with some creative div use. One method could be to have a wrapper with one background then your container with the other.

[escaflowne11]

I think that basically if you divide the page up into 2 divs like everyone says, you should be able to do it, then you could assign 1 background for each element. Just make sure there is no margin or border and stuff, and it would be able to mock your idea.

Would the z index be helpful with this at all? Just a thought.

[bruno89]

ok got ya and karinne sorry i didnt get it at first but i do now

[JacobHaug]

Bruno, I will talk to ya later if you still need help on this.