Results 1 to 2 of 2
Apr 10, 2009, 00:34 #1
- Join Date
- Apr 2009
- 0 Post(s)
- 0 Thread(s)
New to CSS, New to the Site, Shadows
I know this should be probably easy, but I am new to both CSS and this site. I am a BABY, take it easy on me
What I want to do is a shadow on my databox that sits on the background. I know this can be done in CSS which is fine. How can I do this? Something like this--
Ug.. I can use a link because I am new and my attachment needs approval. Hmm. How can I show you???
How about this--
Apr 10, 2009, 02:23 #2
- Join Date
- Jan 2003
- Hampshire UK
- 158 Post(s)
- 3 Thread(s)
Welcome to Sitepoint
If the element is a fixed width you could slice the shadow as a wide strip and about 5px high and then repeat it down the y-axis of the element.
For instance on this layout the coloured shadow effect is created with this one image while all the columns are created with this one image.
Here is another example that uses this image for the side shadows and then just caps the top and bottom with more images.
Just view source as the code is in the head.
If the layout is s fluid width then you would need 2 wrappers and apply one side shadow to each wrapper. have a look here for the technique required.
If you want 100% high fluid shadows then things get more complicated but I have an article here that shows how.