By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
445,813 Members | 1,236 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 445,813 IT Pros & Developers. It's quick & easy.

Soft shadows without graphics?

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
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.
Jul 20 '05 #2

P: n/a
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>
Jul 20 '05 #3

P: n/a
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.
Jul 20 '05 #4

P: n/a
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;
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.