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