|
CSS - Shadows
is it possible to create shadows around divisions without teh need for images?
Similar TutorialsI saw a few CSS drop shadow tutorials a while ago and I'm just wondering now, would it be possible to create drop-shadows in CSS with textures behind them? I mean, could the dropshadows be semi-transparent? And also, could someone point me towards some good CSS dropshadow tutorials. Thanks. hey, is it possible in CSS to make images have a drop shadow without having to go through photoshop? thanks. can anyone point me in the right direction to a tutorial or provide me with the information to where i can make a drop shadow along the border of my webpage. I was just wondering if there was a standard that most people use. Or do you just use each as the circumstances require? Hello, I'm trying to put drop shadows under pictures using CSS. I made several tries but none is good yet. - Try 1 : relative positioning See http://tsaboteam.free.fr/css/relative1.htm (CSS code is included in the html file) Pro : Looks good in both FF and IE Cons : Can't put text inline - Try 2 : relative positioning with display: inline See http://tsaboteam.free.fr/css/relative2.htm Pros : Looks good in IE, text is inline Con : Looks bad in FF - Try 3 : floating positioning See http://tsaboteam.free.fr/css/float1.htm Pro : Looks good in FF Cons : Looks bad in IE, can't put text inline - Try 4 : floating positioning with display: inline See http://tsaboteam.free.fr/css/float2.htm Pro : Text is inline Cons : Looks bad in FF and IE Anyone got an idea on how to fix one of the ways I tried ? Or any thoughts of another method ? Thanks. I have created a test page that mimics two columns. Each col has a header bar (div) and a container for content (div). This seems to work ok but, it just looks too Mickey Mouse (the .css) Is there a more graceful way to do this? If you look at the html you can see that it is actually a number of divs to accomplish this. Any suggestions would be greatly appreciated. Here is the test page. http://www.rustbug.com/test/index.html Is there any method for creating drop shadows for curved borders using only CSS? I have been looking at a css drop-shadow method at Phoenity but it makes drop shadows for rectangles. I am trying to achieve a look similar to this: but what I currently am getting is this: |
|||||||