Welcome to WebmasterWorld Guest from 54.145.166.96

Forum Moderators: open

Message Too Old, No Replies

Drop Shadow Text in DreamWeaver MX

   
12:47 am on Feb 21, 2003 (gmt 0)

10+ Year Member



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 :)
2:05 am on Feb 21, 2003 (gmt 0)

10+ Year Member



Nick_W HELP!
2:44 am on Feb 21, 2003 (gmt 0)

10+ Year Member



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>

3:04 am on Feb 21, 2003 (gmt 0)

10+ Year Member



but using *any* filter also means that cross-browser compatibility goes to 0% as the filters are MSIE on Windows *ONLY*
9:57 am on Feb 21, 2003 (gmt 0)

10+ Year Member



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.

12:05 pm on Feb 21, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Would the most straight forward solution not just be to create an image with text and a drop shadow applied to the text?
12:10 pm on Feb 21, 2003 (gmt 0)

10+ Year Member



>>> 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. :)

4:03 am on Feb 22, 2003 (gmt 0)

10+ Year Member



OK...Thank you very much for your help.
4:24 am on Feb 22, 2003 (gmt 0)

10+ Year Member



Check out Dropshadow [kryogenix.org] on Kryogenix. It uses DHTML, is apparently cross-browser and you don't have to include the text twice.
11:32 am on Feb 22, 2003 (gmt 0)

10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month