PDA

View Full Version : how to add drop shadow to text in dreamweaver?


phil81
10-29-2010, 04:07 PM
hi i want to add a drop shadow to some text in dreamweaver how would i do that i guess it would be some css coding but wouldnt know where to start any help would be apreciated thanks.:???:

Corrosive
10-29-2010, 04:23 PM
CSS3 supports drop shadows on text; http://www.css3.info/ but you won't get older browser or IE support. As usual IE has it's own ideas; http://msdn.microsoft.com/en-us/library/ms532985(VS.85).aspx and the results can look pretty horrible.

There's no real definitive answer I'm afraid so maybe try a combo of these ideas.

phil81
10-29-2010, 04:37 PM
thanks corrosive i thought thats what i would be told after posting my thread i found some info on google and it all said the same IE dosent support it i think microsoft should listen to web designers to understand what dose and dosent need supporting!!!

Corrosive
10-29-2010, 04:46 PM
To be entirely fair CSS3 is new and you'd have the same problem with older browsers of all types. IE9 will supposedly support CSS3 but it will only be available on Windows7 so that sucks a bit as well. It's just one of those calculated risks or compromises. If the text is not too long then consider using an image and a technique like this; http://www.domedia.org/oveklykken/css-image-replacement.php

phil81
10-29-2010, 04:51 PM
cheers corrosive i will give it a try

d a v e
10-29-2010, 07:34 PM
To be entirely fair CSS3 is new and you'd have the same problem with older browsers of all types. IE9 will supposedly support CSS3 but it will only be available on Windows7 so that sucks a bit as well. It's just one of those calculated risks or compromises. If the text is not too long then consider using an image and a technique like this; http://www.domedia.org/oveklykken/css-image-replacement.php

i thought ie9 was going to be available on vista too - are you sure it's only win7?

Ricky55
10-29-2010, 09:30 PM
Vista and 7 will be supported just no support for XP.

CSS3 is perfect for this type of thing IMO as its only a visual treat for those running decent browsers. For those with lesser browsers they just don't see the drop shadow. No harm in that.

edbr
10-30-2010, 02:03 AM
i recently tried the drop shadow and with the beta ie9 it does not show

d a v e
10-30-2010, 07:23 AM
maybe it's a post beta 'feature' ?

Corrosive
10-30-2010, 08:03 AM
Vista and 7 will be supported just no support for XP.



Oops, sorry. My bad :oops:

DWcourse
10-30-2010, 09:33 PM
You can add drop shadows with CSS filters in IE and with special moz and webkit prefixes for firefox, safari and chrome. I think they work with text.

Check out http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/