Is This Possible?

[broadstreetbully]

Okay, I've been trying like crazy to get 2 images to show on my OSC background (one left and one right) with no luck....I know there's a way to do it but I'm not sure how. Here is some code that I've been playing with trying to get it to work....if anyone knows how to get this right please let me know!! Thanks!!

#left{
background-image: url("http://www.**********.com/forum/images/underground/style/border_left.jpg") repeat-y 0 0; /* Change to your image name */
padding: 0;
}

#right{
background-image: url("http://www.**********.com/forum/images/underground/style/border_right.jpg") repeat-y 0 0; /* Change to your image name */
padding: 0;
}

#left,
#right,
#left img,
#right img{
width: 139px; /* Change to the width of your background column image */
}

#left img,
#right img{
height: 1px;
}

 

In case your wondering where the "forum" came from the images are being used on my forum and I'm trying to get the OSC to look as close to the forum as possible.

 

One thing that I did try that worked was [using Photoshop] I put both the left and right image on a black background and added that image as the background, but when you used IE or if the screen was wider the image didn't stretch and it looked like sh*t.....

If there is a way to make the background image stretch that would probably work great...

[NodsDorf]

try this

background: url(bigimage.jpg) no-repeat;
background-size: 100%;

[broadstreetbully]

that seemed to work, thank you! one question- regardless of monitor size this will stay the same right? I mean it'll stretch the length of the screen?

[NodsDorf]

It should.

 

You can test it by changing your screen resolution on your monitor.