[thelist] some css help

Kowalkowski, Lee (ASPIRE) lee.kowalkowski at hmrcaspire.com
Thu Sep 1 08:42:08 CDT 2005


> -----Original Message-----
> From: Dan McCullough [mailto:dan.mccullough at gmail.com]
> Sent: Thursday, September 01, 2005 2:18 PM
>
> I have a client who wants a drop shadow around the border of their
> website.  So the middle of the page looks like its raised.  I can do
> it with cropping images and putting that as the border around the
> outside.  Is there away to pull this off in css to give the illusion
> that a page is raised without using the shadow images?

Anything like this:

    <style>
      .shadow
      {
        margin:10px;
        background:gray;
        height:95%;
        padding-bottom:2px;
      }

      .page
      {
        height:100%;
        background:white;
        border:1px solid black;
        position:relative;
        left:-5px;
        top:-5px;
      }

    <div class="shadow">
      <div class="page">
        (Middle of the page)
      </div>
    </div>

...?

- LK


===========================================================
Our e-mail domain has now changed from iraspire.com to hmrcaspire.com. Please update your address books.
===========================================================



More information about the thelist mailing list