Drop Shadow Text in DreamWeaver MX

[janspeed]

Can anybody help me on how to put a drop shadow on my text in dreamweaver mx? The simplest way pls coz m not kinda good in it...Thanks :)

[janspeed]

Nick_W HELP!

[robjones]

Hi,
I don't know where in Dreamweaver exactly you use the filter option, but you can add this style to your h tags to get the drop shadow effect:
<h2 style="filter:dropshadow(color:#ff0000)">Drop Shadow</h2>
The filters section of w3schools.com has all of the different types of filters.
[w3schools.com...]

<added>
I should have said also that you need to set the width of the tag or it won't work:
h2 {
width:100%;
}
</added>

[BjarneDM]

but using *any* filter also means that cross-browser compatibility goes to 0% as the filters are MSIE on Windows *ONLY*

[robjones]

Thats right, it only works with IE, you can use absolute positioning to get the same effect across the browsers something like this:
.top{
position:absolute;
z-index:1;
left:100px;
top:20px;
color:#999999;
}
.bottom{
position:absolute;
left:105px;
top:25px;
color:#cccccc;

}

<h1 class="top">drop text</h1><h1 class="bottom">drop text</h1>

It's a bit messier than just adding the IE style, but this way it will ensure cross browser compatibility.

[BlobFisk]

Would the most straight forward solution not just be to create an image with text and a drop shadow applied to the text?

[curlykarl]

>>> Would the most straight forward solution not just be to create an image with text and a drop shadow applied to the text?

My thoughts exactly , I would knock one up in Fireworks. :)

[janspeed]

OK...Thank you very much for your help.

[mfagan]

Check out Dropshadow [kryogenix.org] on Kryogenix. It uses DHTML, is apparently cross-browser and you don't have to include the text twice.

[janspeed]

cool...thank you so much...:)