shadowline
How do you ... create a cross browser dropshadow effect on text?
Using a dropshadow effect through normal css may or may not work depending on the browser viewing the effect. It is also sometimes cancelled out if you have a background color specified. The solution? Use two overlapping DIV areas. This is kindof a specialized effect, so it really should be used on only a title type of area and not an entire text area.

<div style="color:#cccccc;position:absolute;left:22px;top:22px;">
this is my text example.
</div>

<div style="color:#000066;position:absolute;left:20px;top:20px;">
this is my text example.
</div>

As the example shows, it is using two DIV areas that are positioned using CSS. One is just a bit off from the other, thus creating a shadow type of effect. Use your desired positioning, colors and text.

click here to see example in action!

How do you ... create a cross browser dropshadow effect on text?
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow