7 Replies Latest reply on Jul 30, 2007 10:21 PM by Newsgroup_User

    Drop Shadow Around a Web Page's Border

    joesmithf1 Level 1
      Hello Everyone,

      Is there a quick and simple way to create a drop-shadow around the border of a webpage? Please advise.

      Thank you.

      Leon
        • 1. Re: Drop Shadow Around a Web Page's Border
          Level 7
          It's quick and easy if you are proficient with CSS and image editing. Google
          "faux columns shadow".

          --
          Al Sparber - PVII
          http://www.projectseven.com
          Extending Dreamweaver - Nav Systems | Galleries | Widgets
          Authors: "42nd Street: Mastering the Art of CSS Design"


          "joesmithf1" <webforumsuser@macromedia.com> wrote in message
          news:f802qh$kju$1@forums.macromedia.com...
          > Hello Everyone,
          >
          > Is there a quick and simple way to create a drop-shadow around the border
          > of a webpage? Please advise.
          >
          > Thank you.
          >
          > Leon
          >

          • 2. Re: Drop Shadow Around a Web Page's Border
            Level 7
            This was made very by taking a page automatically generated by our CSS
            Layout Magic extension for Dreamweaver and doing a quick edit to the
            included faux column image to give it a shadow:
            http://www.projectseven.com/csslab/faux/shadow/

            --
            Al Sparber - PVII
            http://www.projectseven.com
            Extending Dreamweaver - Nav Systems | Galleries | Widgets
            Authors: "42nd Street: Mastering the Art of CSS Design"


            • 3. Re: Drop Shadow Around a Web Page's Border
              Level 7
              There are also numerous other techniques, some quite complex, but their
              advantage is they are far more flexible. For example, should you later
              decide to change column bg colors, several of these techniques would
              handle that with no extra steps:

              http://search.atomz.com/search/?sp-q=drop+shadow&x=0&y=0&sp-a=sp1002d27b&sp-f=ISO-8859-1&s p-p=All&sp-k=All

              --

              E. Michael Brandt

              www.divaHTML.com
              divaGPS | divaFAQ

              www.valleywebdesigns.com
              JustSo PictureWindow

              --


              joesmithf1 wrote:
              > Hello Everyone,
              >
              > Is there a quick and simple way to create a drop-shadow around the border of a webpage? Please advise.
              >
              > Thank you.
              >
              > Leon
              >
              • 4. Re: Drop Shadow Around a Web Page's Border
                Level 7
                Michael,

                This is a web page we're talking about - not a div :-)

                The only efficient way to make shadows that will work in real-world browsers
                (Microsoft IE) is to use background images. The technique is extremely
                simple and eminently flexible if one can do some simple math.

                Show me a step-by-step to do a shadowed web page (not a little box) using
                one your more flexible methods and then I'll show you a step-by-step to do
                it a lot easier.

                --
                Al Sparber - PVII
                http://www.projectseven.com
                Extending Dreamweaver - Nav Systems | Galleries | Widgets
                Authors: "42nd Street: Mastering the Art of CSS Design"


                "E Michael Brandt" <michael@valleywebdesigns.com> wrote in message
                news:f80bd8$s7u$2@forums.macromedia.com...
                > There are also numerous other techniques, some quite complex, but their
                > advantage is they are far more flexible. For example, should you later
                > decide to change column bg colors, several of these techniques would
                > handle that with no extra steps:
                >
                > http://search.atomz.com/search/?sp-q=drop+shadow&x=0&y=0&sp-a=sp1002d27b&sp-f=ISO-8859-1&s p-p=All&sp-k=All
                >
                > --
                >
                > E. Michael Brandt
                >
                > www.divaHTML.com
                > divaGPS | divaFAQ
                >
                > www.valleywebdesigns.com
                > JustSo PictureWindow
                >
                > --
                >
                >
                > joesmithf1 wrote:
                >> Hello Everyone, Is there a quick and simple way to create a drop-shadow
                >> around the border of a webpage? Please advise. Thank you. Leon
                >>

                • 5. Re: Drop Shadow Around a Web Page's Border
                  Vanax-Webdesign Level 1
                  Wow Thx alot i needed this info very badly, thx for helping me out
                  • 6. Re: Drop Shadow Around a Web Page's Border
                    joesmithf1 Level 1
                    Hi Al Sparber- PVII ,

                    Currently my "work-around" to create border shadows for my pages is to create 4 different shadows "borders.jpg" Then, I would do the math of creating four <td> on the border of my page and then add the shadow.jpg images as the <td> background image. I know, this is the worst method.....but I am not too sure what is the right way to approach this. Please advise.

                    Thank you.

                    Leon
                    • 7. Re: Drop Shadow Around a Web Page's Border
                      Level 7
                      That's an old, but stable way to do it. If you're comfortable with it, then
                      that's what you should do. Doing it with CSS is less complicated - but only
                      if you understand the CSS and are willing to get away from a table-based
                      layout.

                      --
                      Al Sparber - PVII
                      http://www.projectseven.com
                      Extending Dreamweaver - Nav Systems | Galleries | Widgets
                      Authors: "42nd Street: Mastering the Art of CSS Design"


                      "joesmithf1" <webforumsuser@macromedia.com> wrote in message
                      news:f8l2q7$d2q$1@forums.macromedia.com...
                      > Hi Al Sparber- PVII ,
                      >
                      > Currently my "work-around" to create border shadows for my pages is to
                      > create
                      > 4 different shadows "borders.jpg" Then, I would do the math of creating
                      > four
                      > <td> on the border of my page and then add the shadow.jpg images as the
                      > <td>
                      > background image. I know, this is the worst method.....but I am not too
                      > sure
                      > what is the right way to approach this. Please advise.
                      >
                      > Thank you.
                      >
                      > Leon
                      >
                      >