I wish to add a gradient image to both sides of my main div on homepage. My image looks like this Can anyone help me in this ? I thought of having a div outside the main with background image as this, but that didnt work.

Reputation: 3793

Shadow effect on both side of a div

I wish to add a gradient image to both sides of my main div on homepage.

My image looks like this

Gradient_Image

Can anyone help me in this ? I thought of having a div outside the main with background image as this, but that didnt work.

Upvotes: 1

Answers (4)

YuS

Reputation: 2045

http://jsfiddle.net/semencov/A5b6g/

Replace background image for .wrapper .inner to correct one.

Upvotes: 1

worenga

Reputation: 5856

Try css3 Shadows
Try a fixed with Background-image in combination with a padding
There are a few techniques out there like http://www.alistapart.com/articles/cssdropshadows/ or just google it

Upvotes: 0

moey

Reputation: 10887

Since I don't have your HTML/CSS nor image, you can go to this live site and look at the div#nss_outer_page. It has the exact style you're looking for.

Upvotes: 0

user1162387

Reputation: 1

If the div is of fixed size you can have a background image of same size with repeat-y

Upvotes: 0

Shadow effect on both side of a div

Answers (4)

Related Questions