PDA

View Full Version : CSS side border/skirt help :(



OS,
Thu 20th Sep '07, 4:08pm
Hi all i have some trouble getting a small peice of CSS to work properly.
I am working on the inner background of my forum.

I am adding the extra CSS under Style Manager > MyStyle > MainCSS > Additional CSS Definitions (at the bottom)

Now this is the CSS im using to add an image line on the left side of the inner background of my forum. Ive got it to work on the left using this css:

.page {
background:
url(images/styles/bubble-flower/misc/z02_24.gif) repeat-y left
}

See this image: http://img.photobucket.com/albums/v226/kayzplace/sidecsss.jpg

But it dosent work when i try the same and add the same to the right.. and if i do get it to work on the right the left disappears... and vice versa..

Ive also tried..

.page {
background:
url(images/styles/bubble-flower/misc/z02_24.gif) repeat-y left;
url(images/styles/bubble-flower/misc/z02_24.gif) repeat-y right
}


Thanks ever so much!

simsim
Thu 20th Sep '07, 4:20pm
This is not a proper way to achieve the effect you're after. You'll need to create a background GIF that sets the bordr/skirt effect on both sides not just one. Also you ma need to specify a fixed-width layout for better results, then set your CSS rule as:


.page {
background: url(images/styles/bubble-flower/misc/z02_24.gif) repeat-y top center;
}

OS,
Thu 20th Sep '07, 5:28pm
This is not a proper way to achieve the effect you're after. You'll need to create a background GIF that sets the bordr/skirt effect on both sides not just one. Also you ma need to specify a fixed-width layout for better results, then set your CSS rule as:


.page {
background: url(images/styles/bubble-flower/misc/z02_24.gif) repeat-y top center;
}


I understand but if i specify a fixed width.. what if my users are on a higher screen res it will then become disproportionate and uneven surely?

FreshFroot_
Sun 7th Oct '07, 5:19am
I understand but if i specify a fixed width.. what if my users are on a higher screen res it will then become disproportionate and uneven surely?
well.. maybe you should make a poll and see what your members use as a resolution. That's what I did and almost 90% of the members used the same resolution.