text drop shadows

[jdwaters]

I wasn't sure if I should post this in the newbie section or not, but I'll try here. Hope this isn't too basic...

I have an external style sheet.
I'm trying to make 2 lines of text have a drop shadow. These lines are both within <div id="banner">
the first line of text has this <span class="banner1">
the second line of text has <span class="banner2">

in my css document
I've tried this
.banner2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #336;
text-shadow: black 1.2px 0.2px;
}

what am i doing wrong?

[encyclo]

Welcome to the forums, jdwaters! Yes, you chose the right forum. :)

You're doing nothing wrong, it's just that unfortunately the browser support for

text-shadow

is verging on the non-existant. In fact, only Safari on Mac OSX currently supports this.

We live in hope, but in the mean time, the only way to do drop shadows is to use an image.

[jalarie]

What do you think of this:

<div align="center">
<div style="width: 50%;">
<div style="position: relative; bottom: -1px; right: -2px; color: #ff0;">
T h e &nbsp; S h a d o w &nbsp; K n o w s
</div>
<div style="position: relative; color: #00f; bottom: 20px; right: 0px;">
T h e &nbsp; S h a d o w &nbsp; K n o w s
</div>
</div>
</div>