Soft shadows without graphics?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Wiley Q. Hacker

    Soft shadows without graphics?

    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

    #2
    Re: Soft shadows without graphics?

    On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker <wiley_hacker@h otmail.com>
    wrote:
    [color=blue]
    > 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.[/color]

    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.

    Comment

    • Neal

      #3
      Re: Soft shadows without graphics?

      On Wed, 26 May 2004 17:56:28 -0400, Neal <neal413@yahoo. com> wrote:
      [color=blue]
      > On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker
      > <wiley_hacker@h otmail.com> wrote:
      >[color=green]
      >> 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.[/color]
      >
      > 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.[/color]

      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>

      Comment

      • Neal

        #4
        Re: Soft shadows without graphics?

        On Wed, 26 May 2004 18:12:22 -0400, Neal <neal413@yahoo. com> wrote:
        [color=blue]
        > On Wed, 26 May 2004 17:56:28 -0400, Neal <neal413@yahoo. com> wrote:
        >[color=green]
        >> On 26 May 2004 14:43:14 -0700, Wiley Q. Hacker
        >> <wiley_hacker@h otmail.com> wrote:[color=darkred]
        >>> Is there a way to get the soft shadows effect in HTML, WITHOUT using
        >>> GIFs, JPEGs, PNGs...?[/color][/color]
        > 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>[/color]

        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.

        Comment

        • joe

          #5
          Re: Soft shadows without graphics?

          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;


          Comment

          Working...