A LIST Apart: For People Who Make Websites

No. 178

Discuss: CSS Drop Shadows II: Fuzzy Shadows

Pages

« First  <  6 7 8

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

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

Pages

« First  <  6 7 8

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.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)