drop shadow on text? (Not image)

[mechphisto]

So I'm Web browsing and I go to rottentomatoes. com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.

I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.

Thanks for any pointers or suggestions of where to look for this!
Thanks,
Liam

[Jonathan N. Little]

me********@gmai l.com wrote:

So I'm Web browsing and I go to rottentomatoes. com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.

I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.

span with duplicate text preceding the link with style

..sidebar_movie _txt_shadow {
margin:2px 0 0 1px;
color:#0f160b;
font-weight:bold;
position:absolu te;
z-index:-1;
}
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Rainer Pleyer]

<me********@gma il.comwrote:

So I'm Web browsing and I go to rottentomatoes. com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.

I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.

You should instead have had a look at the html source. Each text with
shadow is written twice, the first copy enclosed in a span which is then
positioned absolutely and put behind the following copy (which is the
link) by giving it a negative z-index.

So without CSS the source reads

LIONS FOR LAMBS
Robert RedfordRobert Redford
Meryl StreepMeryl Streep

which I consider a really bad solution.

Too bad that "text-shadow" did not make it into the Specs.

Cheers,
Rainer

[mechphisto]

On Nov 1, 2:12 pm, "Jonathan N. Little" <lws4...@centra lva.netwrote:

mechphi...@gmai l.com wrote:

So I'm Web browsing and I go to rottentomatoes. com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.

I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.

span with duplicate text preceding the link with style

.sidebar_movie_ txt_shadow {
margin:2px 0 0 1px;
color:#0f160b;
font-weight:bold;
position:absolu te;
z-index:-1;

}

--
Take care,

Oh, well, there you go. That's what I needed!
Got it working on my site and it looks good now. =) Thanks!
-Liam