How to make this?

Hi ..
Do you know how to make shadows in the left and right side of a block?
(without using images if possible?)

example
http://travel.yahoo.com/

see the attached image,

Thanks for answering ..

 

hello
You can make it as Background, then Adjuste your Whole Page content to center...

goodluck!

 

make two images and then include in your css file something like this:

#bgright {position: absolute; width: 60; height: 100%; background-image:url('../images/bgright.jpg'); background-repeat:repeat-y;}
#bgleft {position: absolute; width: 60; height: 100%; background-image:url('../images/bgleft.jpg'); background-repeat:repeat-y;}

Code (markup):

Regards

 

I mentioned without using images clearly ..
I want to use webkit box shadow if possible ..

 

There's a jQuery plugin for that (Search google for 'jQuery shadow') , but it's very buggy, and it's hell if you try to make it work on all browsers (especially IE6 obviously), so I'd stick to images if I were you.

 

Without using images, there is no way to guarantee it will be OK on all browsers, some people don't allow JavaScript.

Whats the problem with using images? Any particular reason?

 

Yes, i'd go with the image option and get over it, unless you want to work with javascript and jquery. The issue is deprecation of code for older browsers.