Public Forums 71,145 posts

[antonyw Friend antonywJoin date: February 2012Posts: 21Downloads:0Uploads:12 Thanks: 5 Thanked: 2 times in 1 posts]

#175131

Hi there,

I’m trying to put a background image in the “ja-right-mass-top” so it can look like a shadow. You will understand what I mean by visiting the sites bellow. Here is my CSS code:


#ja-right-mass-top {
background: url("../images/shadow-middle.png") repeat-y scroll 0 0 transparent;
}

#ja-right-mass-top div.block-inner1 {
background: url("../images/shadow-top.png") no-repeat scroll 0 0 transparent;
}

#ja-right-mass-top div.block-inner2 {
background: url("../images/shadowbottom.png") no-repeat scroll 0 100% transparent;
}


The problem is that the middle image goes over the top and the bottom images.

All I need to do is to make it the same as on the other site.

MY SITE: http://sitnyakovo.com/TEST1/index.php/component/k2/item/14-sed-id-arcu-ac-ligula-malesuada-accumsan

THE OTHER SITE: http://sasublack.elementfx.com/index.php/k2-style/all-categories/latest-news/item/5-muse-up-for-2-nme-awards-for-2011-festival-music

I hope you can help me. I need a CSS help here – how to put the top image first(no-repeat), then the middle (repeat-y) without going over the top and the bottom image, and then the bottom (no-repeat). It is done on the other site.

Please advice! Thanks!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#444306

Please match those images exactly on the other site. clone those according to your pattern. This would help you

[Author]

Posts