Soft shadows without graphics?

[Wiley Q. Hacker]

Looking for some advanced help here.

Is there a way to get the soft shadows effect in HTML, WITHOUT using
GIFs, JPEGs, PNGs...?

Basically, the issue is, I want to create a signature file for my HTML
e-mail, and I want to add a soft shadow to the table containing the
text, to make it stand out from the content of the e-mail. However, I
can't use images for the effect. I tried to use the "Send pictures
with message" feature of Outlook Express, but the signature gets to be
too large. At the same time, I can't host the images on my web site
and embed HREFs to them, since more and more e-mail clients now allow
you to block the "web bug" images.

So, I guess what I'm left with is some magic in HTML.

Anyone?

-Wiley

[Neal]

On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker <wi**********@hotmail.com>
wrote:

Looking for some advanced help here.

Is there a way to get the soft shadows effect in HTML, WITHOUT using
GIFs, JPEGs, PNGs...?

Basically, the issue is, I want to create a signature file for my HTML
e-mail, and I want to add a soft shadow to the table containing the
text, to make it stand out from the content of the e-mail. However, I
can't use images for the effect. I tried to use the "Send pictures
with message" feature of Outlook Express, but the signature gets to be
too large. At the same time, I can't host the images on my web site
and embed HREFs to them, since more and more e-mail clients now allow
you to block the "web bug" images.

So, I guess what I'm left with is some magic in HTML.

Answer: no can do. I've perhaps heard somewhere that a future version of
CSS might do this, but I'm not very positive about that.

[Neal]

On Wed, 26 May 2004 17:56:28 -0400, Neal <ne*****@yahoo.com> wrote:

On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker
<wi**********@hotmail.com> wrote:

Looking for some advanced help here.

Is there a way to get the soft shadows effect in HTML, WITHOUT using
GIFs, JPEGs, PNGs...?

Basically, the issue is, I want to create a signature file for my HTML
e-mail, and I want to add a soft shadow to the table containing the
text, to make it stand out from the content of the e-mail. However, I
can't use images for the effect. I tried to use the "Send pictures
with message" feature of Outlook Express, but the signature gets to be
too large. At the same time, I can't host the images on my web site
and embed HREFs to them, since more and more e-mail clients now allow
you to block the "web bug" images.

So, I guess what I'm left with is some magic in HTML.

Answer: no can do. I've perhaps heard somewhere that a future version of
CSS might do this, but I'm not very positive about that.

Not sure if this does what you want, but check this out...

<div style="position: relative">
<div style="position: absolute;top: 1em;left: 1em;z-index: 2;color: #f00">
<p>This is a test. This is only a test.</p>
</div>
<div style="position: absolute;top: 1.1em;left: 0.9em;z-index: 1;color:
#fcc">
<p>This is a test. This is only a test.</p>
</div>
</div>

[Neal]

On Wed, 26 May 2004 18:12:22 -0400, Neal <ne*****@yahoo.com> wrote:

On Wed, 26 May 2004 17:56:28 -0400, Neal <ne*****@yahoo.com> wrote:

On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker
<wi**********@hotmail.com> wrote:

Is there a way to get the soft shadows effect in HTML, WITHOUT using
GIFs, JPEGs, PNGs...?

Not sure if this does what you want, but check this out...

<div style="position: relative">
<div style="position: absolute;top: 1em;left: 1em;z-index: 2;color:
#f00">
<p>This is a test. This is only a test.</p>
</div>
<div style="position: absolute;top: 1.1em;left: 0.9em;z-index: 1;color:
#fcc">
<p>This is a test. This is only a test.</p>
</div>
</div>

Sorry for all the posts. I should have stressed that this is NOT a good
thing to do in a webpage. For a sig in an email, however, it's likely
harmless. The worst thing that could happen is that the user will read it
as "plaintext" and get a double signature.

[joe]

you may use css to accomplish what you want ....

a simple trick is to add a border to right and bottom of (any block element)

border-color: black;
broder-style: solid;
border:0px 2px 2px 0px;