A hyperlink with a drop shadow?

drop shadow help hyperlink css

[Mako3]

Hey, I was wondering how can I make a white colored hyperlink to an email, that has a drop shadow? I heard you can make drop shadow links in css but I'm not familiar with css and would like to ask if any of you would help me?

Thanks,
Mako3

[dcrombie]

In Safari you can use the "text-shadow" attribute but that's CSS3 and not yet finalised.

[Mako3]

Where can I get safari? I really need to make a link thats white with a drop shadow effect behind it.

[Sathallrin]

Safari is a Mac OS only browser, so if you use this CSS it will only be visible to users using that perticular browser (that is until other broswers start adopting the CSS3 standards such as this)

[monkeythumpa]

You can place the same "dark" text in a layer under the link, then shift it a couple pixels right and down to simulate a shadow.

[Mako3]

Thanks guys, Monkeythumpa how can I do that?

[dispersee]

Mako3,

you have a few options:

-simply create a .gif of the text you want and the problem is solved with the best quality (I personally recommend using this one - no CSS needed)
-place the link and create a background image. Then position the background image (no-repeat) slightly under and to the right of the original text using a CSS style
-create two pieces of text. The first one containing the actual link text and the second the shadowed text. Then assign each piece of text to a specific ID selector and make it a layer. Then, you can use absolute positioning to perfectly place both layers the way you want it.

[Mako3]

Hey I'm kind of confused

Thanks

[edited by: engine at 9:48 am (utc) on July 5, 2005]