I am working on putting a shadow to a website I’ve been working away at. I have under no circumstances done this before so it’s really a new technique.
I tried making an image and then created a div for this to be inside. I then fit that div behind the content region (which is where I want the shadow). It didn’t seem to work. I seen my css along with html and every thing looked fine.
Does anyone know of a way to approach this specific Please post any ideas/coding you will have that might aid me out.
Here is the website: my-testing-area. netne. net
This is my personal testing area for my website designs to make sure they work accordingly before building being full Website. Once We have the drop shadow worked out, I’ll then have the ability to start building the total website.
I just realized that the server that may be holding my website is down now. I’ll post again when i see that it truly is back up.
absolutely no sense in re-inventing the actual wheel….
http: //www. alistapart. com/articles/cssdropshadows/
The server is back so you guys is now able to access the internet site:
http: //www. my-testing-area. netne. net/TSA_Index. html
It barely features anything on that because it’s still in the design phase.
That article was valuable, but I would like the shadow about the sides, not to the top and appropriate sides.
Remorseful, I guess of which what I acquire for assuming " fall shadow"… in the form field when you talk about a shadow… it would infer that you like a shadow created by way of a light to good the appearance which the item is suspended… the closest thing to that is the drop shadow that can only display about 2 connected sides…
determined by the angle belonging to the " pseudo-light"… it might be 1 of 5 angles… but certainly not the parallell features…
I’ve done what that you’re suggesting quite a while ago… with a rehearsing image showing a new fake border in addition to shading graduating faraway from the line… after plenty of work… I didn’t take care of it ( for that reason I can’t remember exactly how I did the idea )… and got over them the drop shadows…
If you’re using a fixed width content site… you could result in a 1 X 500PX ( as well as whatever width that you’re using )… in addition to repeat it while your background image using CSS.
background-image: url(‘your-mage-gif’);
background-repeat: repeat-y;
so. thanks
It works. Thanks.
I’m still focusing on the size on the shadow and aligning almost everything, but at very least it works.