homepage Welcome to WebmasterWorld Guest from 54.227.63.195
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

    
Drop Shadow Text in DreamWeaver MX
janspeed




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

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




msg:934960
 2:05 am on Feb 21, 2003 (gmt 0)

Nick_W HELP!

robjones




msg:934961
 2:44 am on Feb 21, 2003 (gmt 0)

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




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

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

robjones




msg:934963
 9:57 am on Feb 21, 2003 (gmt 0)

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




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

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

curlykarl




msg:934965
 12:10 pm on Feb 21, 2003 (gmt 0)

>>> 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




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

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

mfagan




msg:934967
 4:24 am on Feb 22, 2003 (gmt 0)

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




msg:934968
 11:32 am on Feb 22, 2003 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved