Drop Shadow Filter

[FlyBoy]

I've read the KB articles, Googled, etc. I understand that the effect will
work in IE only. That said...

Is it possible to use this filter inside of another div? If I use inline or
linked css, the effect works as advertised as long as the text I'm applying
the effect to isn't contained in another div. Am I trying to do something
that can't be done, or am I just dense (and it wouldn't be the first time)
and missing something?

Any example would be helpful.

Thanks

 

[Steve Easton]

You have to apply it using a CSS class and then applying the class to the div.
You create the class in css by creating a class name with a preceding period

..classname{
css stuff here
}

Then apply the class by assigning it to the div like this: <div name="classname"
without the leading period.

hth
--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[John Cello]

Flyboy:

Here's another alternative if you want to use inline styling. Doesn't use
the filter, instead using two lines of the same text. It does work inside of
other divs, and also works in Mozilla and Firefox as its not dependent on the
IE filter.

<div style="position:relative;">
<h1 style="color:#000080; position:relative; z-index:2">
EBC Content Area
</h1>
<h1 style="color:#c0c0c0; position:absolute; left:3px; top:3px; z-index:1;
margin:0;">
EBC Content Area
</h1>
</div>

This code came from the book HTML Utopia: Designing Without Tables. Highly
recommended reading. See www.sitepoint.com.

Hope this helps
John Cello
www.johncelloconsulting.com

 

[FlyBoy]

John

This was a little deep, but I got it working. Looks sharper than the
examples I've seen of the filter also.

Thanx