Discuss: CSS Drop Shadows II: Fuzzy Shadows
by Sergio Villarreal
- Editorial Comments
72 Shadow for tables ?
Does this technic or a similar one work for tables ?
Thanks.
posted at 04:32 am on May 3, 2004 by CloD
73 diminishing returns
It’s definitely a cool technique, but I really think it’s a lot of effort (and discussion) over a teeny, tiny bit of return.
A poster early on said that the hard-edged drop shadows were too ugly to use, but now that they are nicely fuzzy they like them.
That’s just TOO much attention to detail for me. I think my attention is more productively used elsewhere on site design & maintenance.
But the article WAS well written, and I appreciate the effort that went into it.
T.
posted at 01:50 pm on May 3, 2004 by TerryG
74 xhtml strict / 1.1
I can’t get this to work under xhtml strict or 1.1 – I get an ugly lower padding for the inner div… if I do padding: 0px 5px 5px 0px; the Safari and Firefox don’t display properly… if I do padding: 0px 5px 0px 0px; then IE doesn’t display properly… any ideas?
posted at 10:31 am on May 4, 2004 by Thalwil
75 xhtml strict / 1.1 - the solution!!!
OK, I wrote too soon: the shadows work fine in strict xhtml if you add the following to the img css: vertical-align:bottom; (leaving padding: 0px 5px 5px 0px; for the div). I actually discovered the answer on http://phoenity.com/tests/fuzzy_shadows_anchor.html – thanks to Lim Chee Aun who was the only person I found to implement a version of Sergio’s method in STRICT rather than transitional…!!!
posted at 11:06 am on May 4, 2004 by Thalwil
76 not working..
this thing isn’t working for me…
can you check it at http://radon.ytra.net/css/ ?
thanks
posted at 02:36 pm on May 8, 2004 by radon
77 A Gotcha...
Try removing the » character from your CSS code. That one got me too.
But I’m having a problem, I’m not getting the rounded corners when I do this through an external CSS file. Works fine when done from the head though…
Bizarre????
posted at 09:19 am on May 11, 2004 by M
78 Re: CloD
http://homepage.mac.com/igstudio/design/css-js-dropshadow/shadow-gif.html
posted at 11:40 am on May 11, 2004 by iG.STUDiO
79 Broken css menu??
Great article.
It seems that I’m suffering the same as Mr Schrab (http://www.alistapart.com/discuss/cssdrop2/#c7860) – I’ve got a css defined nav bar from an unordered list, but as soon as I pop in the DX code the links stop working in IE!
Could someone please help?
posted at 11:25 am on June 20, 2004 by Les
80 float left twice?
Hi,
ALA rulez!!
Question: I float an image and making a border is no prob. The drop shadow won’t float because I already used a float
Should I use two div’s to overcome this problem?
t
Thx for any help.
CU
Chazz
posted at 05:10 pm on July 9, 2004 by Chazz
Discussion Closed
New comments are not being accepted, but you are welcome to explore what people said before we closed the door.
Got something to say?
Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.
Create a new account or sign in below if you’d like to leave a comment.
Subscribe to this article's comments: RSS (what’s this?)






71 Netscape 6 problem
John, I had the same problem with Opera 7.0 but fixed it with “br clear=all” and “clear:both” properties for several HTML elements. In fact I don’t have the Netscape 6 on my machine but my photo site should work on it. You might check it and then have a look at the source.
posted at 08:48 am on May 1, 2004 by jot.be/Jan