9 Replies Latest reply on Jan 25, 2007 7:37 AM by Newsgroup_User

    Can anyone explain how to create this effect in Deamweaver and Fireworks?

    Level 7

      This site was oriinally done in dreamweaver - but the shadow effect was done
      outside of Dreamweaver. When I save to html and load into Dreamweaver it
      makes no sense to me.

      Can anyone explain how to create this effect in Deamweaver and Fireworks?

      http://www.fundflowsystems.com/test.php

      Thanks in advance,

      Joe


        • 1. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
          Level 7
          The shadow box was created and then broken up into a top, sides, and a
          bottom portion probably using the slice tool. Then they have created a table
          on the page and placed each element in it. Because they have fixed the
          width, the top and bottom images are located as elements within the table
          cells, whereas the vertical lines and placed as backgrounds to the <TD>
          cells so that they can grow with the page.

          Then a second table has been placed inside of the first to hold the content.

          There is a problem with the code though. While it works ok in IE, in FF the
          text is left aligning to the page and falling outside of the box.

          --
          Paul Whitham
          Certified Dreamweaver MX2004 Professional
          Adobe Community Expert - Dreamweaver

          Valleybiz Internet Design
          www.valleybiz.net

          "Joe" <jbridges@fundflowsystems.com> wrote in message
          news:ep8l9p$5ee$1@forums.macromedia.com...
          >
          > This site was oriinally done in dreamweaver - but the shadow effect was
          > done outside of Dreamweaver. When I save to html and load into Dreamweaver
          > it makes no sense to me.
          >
          > Can anyone explain how to create this effect in Deamweaver and Fireworks?
          >
          > http://www.fundflowsystems.com/test.php
          >
          > Thanks in advance,
          >
          > Joe
          >


          • 2. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
            Level 7
            Here is a solution requiring NO images.
            The CSS and the Javascript can easily made remote the page

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            " http://www.w3.org/TR/html4/loose.dtd">
            <html>
            <head>
            <title>Shadow</title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <script type="text/javascript">
            var depth = 6 // in pixels

            // addLoadEvent t
            function addLoadEvent(func) {
            var oldonload = window.onload;
            if (typeof window.onload != 'function') {
            window.onload = func;
            } else {
            window.onload = function() {
            if (oldonload) {
            oldonload();
            }
            func();
            }
            }
            }

            addLoadEvent(function() {

            var a = document.all ? document.all : document.getElementsByTagName('*');
            for (var i = 0;i < a.length;i++) {
            if (a .className == "shadow") {
            for (x = 0;x < depth;x++) {
            var newSd = document.createElement("DIV")
            newSd.className = "shadow2"
            newSd.style.background = a
            .id
            newSd.style.width = a .offsetWidth + "px"
            newSd.style.height = a
            .offsetHeight + "px"
            newSd.style.left = a .offsetLeft + x + "px"
            newSd.style.top = a
            .offsetTop + x + "px"
            document.body.appendChild(newSd)
            }
            }
            }
            }
            );

            </script>
            <style>
            .shadow {
            border: 1px solid silver;
            padding: 2px;
            font: 10pt arial;
            position: relative;
            display: inline;
            background: white;
            z-index: 100
            }
            .shadow2 {
            overflow: hidden;
            position: absolute;
            filter: alpha(Opacity=15); /* modify to change the shade solidity/opacity,
            same as below */
            opacity: 0.1; /* firefox 1.5 opacity */
            -moz-opacity: 0.2; /* mozilla opacity */
            -khtml-opacity: 0.1; /* opacity */
            z-index: 10
            }
            </style>

            </head>

            <body>
            <table width="800" border="0" align="center" cellpadding="0"
            cellspacing="0" class="shadow" id="#000000">
            <tr>
            <td> </td>
            <td> </td>
            <td> </td>
            </tr>
            <tr>
            <td> </td>
            <td> </td>
            <td> </td>
            </tr>
            <tr>
            <td> </td>
            <td> </td>
            <td> </td>
            </tr>
            <tr>
            <td> </td>
            <td> </td>
            <td> </td>
            </tr>
            <tr>
            <td> </td>
            <td> </td>
            <td> </td>
            </tr>
            </table>
            </body>
            </html>



            "Joe" <jbridges@fundflowsystems.com> wrote in message
            news:ep8l9p$5ee$1@forums.macromedia.com...
            >
            > This site was oriinally done in dreamweaver - but the shadow effect was
            > done outside of Dreamweaver. When I save to html and load into Dreamweaver
            > it makes no sense to me.
            >
            > Can anyone explain how to create this effect in Deamweaver and Fireworks?
            >
            > http://www.fundflowsystems.com/test.php
            >
            > Thanks in advance,
            >
            > Joe
            >


            • 3. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
              Level 7
              Fails in Safari, Ken.

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.dreamweavermx-templates.com - Template Triage!
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
              ==================


              "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
              news:ep8quf$bq6$1@forums.macromedia.com...
              > Here is a solution requiring NO images.
              > The CSS and the Javascript can easily made remote the page
              >
              > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
              > " http://www.w3.org/TR/html4/loose.dtd">
              > <html>
              > <head>
              > <title>Shadow</title>
              > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
              > <script type="text/javascript">
              > var depth = 6 // in pixels
              >
              > // addLoadEvent t
              > function addLoadEvent(func) {
              > var oldonload = window.onload;
              > if (typeof window.onload != 'function') {
              > window.onload = func;
              > } else {
              > window.onload = function() {
              > if (oldonload) {
              > oldonload();
              > }
              > func();
              > }
              > }
              > }
              >
              > addLoadEvent(function() {
              >
              > var a = document.all ? document.all : document.getElementsByTagName('*');
              > for (var i = 0;i < a.length;i++) {
              > if (a .className == "shadow") {
              > for (x = 0;x < depth;x++) {
              > var newSd = document.createElement("DIV")
              > newSd.className = "shadow2"
              > newSd.style.background = a
              .id
              > newSd.style.width = a .offsetWidth + "px"
              > newSd.style.height = a
              .offsetHeight + "px"
              > newSd.style.left = a .offsetLeft + x + "px"
              > newSd.style.top = a
              .offsetTop + x + "px"
              > document.body.appendChild(newSd)
              > }
              > }
              > }
              > }
              > );
              >
              > </script>
              > <style>
              > .shadow {
              > border: 1px solid silver;
              > padding: 2px;
              > font: 10pt arial;
              > position: relative;
              > display: inline;
              > background: white;
              > z-index: 100
              > }
              > .shadow2 {
              > overflow: hidden;
              > position: absolute;
              > filter: alpha(Opacity=15); /* modify to change the shade
              > solidity/opacity, same as below */
              > opacity: 0.1; /* firefox 1.5 opacity */
              > -moz-opacity: 0.2; /* mozilla opacity */
              > -khtml-opacity: 0.1; /* opacity */
              > z-index: 10
              > }
              > </style>
              >
              > </head>
              >
              > <body>
              > <table width="800" border="0" align="center" cellpadding="0"
              > cellspacing="0" class="shadow" id="#000000">
              > <tr>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > <tr>
              > <td> </td>
              > <td> </td>
              > <td> </td>
              > </tr>
              > </table>
              > </body>
              > </html>
              >
              >
              >
              > "Joe" <jbridges@fundflowsystems.com> wrote in message
              > news:ep8l9p$5ee$1@forums.macromedia.com...
              >>
              >> This site was oriinally done in dreamweaver - but the shadow effect was
              >> done outside of Dreamweaver. When I save to html and load into
              >> Dreamweaver it makes no sense to me.
              >>
              >> Can anyone explain how to create this effect in Deamweaver and Fireworks?
              >>
              >> http://www.fundflowsystems.com/test.php
              >>
              >> Thanks in advance,
              >>
              >> Joe
              >>
              >
              >


              • 4. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                Level 7
                All you need are 3 background images and no script. It's a very easy
                layout to do with Fireworks and a couple of CSS rules.

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




                "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                news:ep8quf$bq6$1@forums.macromedia.com...
                > Here is a solution requiring NO images.
                > The CSS and the Javascript can easily made remote the page

                • 5. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                  Level 7
                  Thanks Murray...

                  Is there a way I can test for Safari on my PC XP ?

                  "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                  news:ep90i7$huj$1@forums.macromedia.com...
                  > Fails in Safari, Ken.
                  >
                  > --
                  > Murray --- ICQ 71997575
                  > Adobe Community Expert
                  > (If you *MUST* email me, don't LAUGH when you do so!)
                  > ==================
                  > http://www.dreamweavermx-templates.com - Template Triage!
                  > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                  > ==================
                  >
                  >
                  > "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                  > news:ep8quf$bq6$1@forums.macromedia.com...
                  >> Here is a solution requiring NO images.
                  >> The CSS and the Javascript can easily made remote the page
                  >>
                  >> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                  >> " http://www.w3.org/TR/html4/loose.dtd">
                  >> <html>
                  >> <head>
                  >> <title>Shadow</title>
                  >> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                  >> <script type="text/javascript">
                  >> var depth = 6 // in pixels
                  >>
                  >> // addLoadEvent t
                  >> function addLoadEvent(func) {
                  >> var oldonload = window.onload;
                  >> if (typeof window.onload != 'function') {
                  >> window.onload = func;
                  >> } else {
                  >> window.onload = function() {
                  >> if (oldonload) {
                  >> oldonload();
                  >> }
                  >> func();
                  >> }
                  >> }
                  >> }
                  >>
                  >> addLoadEvent(function() {
                  >>
                  >> var a = document.all ? document.all : document.getElementsByTagName('*');
                  >> for (var i = 0;i < a.length;i++) {
                  >> if (a .className == "shadow") {
                  >> for (x = 0;x < depth;x++) {
                  >> var newSd = document.createElement("DIV")
                  >> newSd.className = "shadow2"
                  >> newSd.style.background = a
                  .id
                  >> newSd.style.width = a .offsetWidth + "px"
                  >> newSd.style.height = a
                  .offsetHeight + "px"
                  >> newSd.style.left = a .offsetLeft + x + "px"
                  >> newSd.style.top = a
                  .offsetTop + x + "px"
                  >> document.body.appendChild(newSd)
                  >> }
                  >> }
                  >> }
                  >> }
                  >> );
                  >>
                  >> </script>
                  >> <style>
                  >> .shadow {
                  >> border: 1px solid silver;
                  >> padding: 2px;
                  >> font: 10pt arial;
                  >> position: relative;
                  >> display: inline;
                  >> background: white;
                  >> z-index: 100
                  >> }
                  >> .shadow2 {
                  >> overflow: hidden;
                  >> position: absolute;
                  >> filter: alpha(Opacity=15); /* modify to change the shade
                  >> solidity/opacity, same as below */
                  >> opacity: 0.1; /* firefox 1.5 opacity */
                  >> -moz-opacity: 0.2; /* mozilla opacity */
                  >> -khtml-opacity: 0.1; /* opacity */
                  >> z-index: 10
                  >> }
                  >> </style>
                  >>
                  >> </head>
                  >>
                  >> <body>
                  >> <table width="800" border="0" align="center" cellpadding="0"
                  >> cellspacing="0" class="shadow" id="#000000">
                  >> <tr>
                  >> <td> </td>
                  >> <td> </td>
                  >> <td> </td>
                  >> </tr>
                  >> <tr>
                  >> <td> </td>
                  >> <td> </td>
                  >> <td> </td>
                  >> </tr>
                  >> <tr>
                  >> <td> </td>
                  >> <td> </td>
                  >> <td> </td>
                  >> </tr>
                  >> <tr>
                  >> <td> </td>
                  >> <td> </td>
                  >> <td> </td>
                  >> </tr>
                  >> <tr>
                  >> <td> </td>
                  >> <td> </td>
                  >> <td> </td>
                  >> </tr>
                  >> </table>
                  >> </body>
                  >> </html>
                  >>
                  >>
                  >>
                  >> "Joe" <jbridges@fundflowsystems.com> wrote in message
                  >> news:ep8l9p$5ee$1@forums.macromedia.com...
                  >>>
                  >>> This site was oriinally done in dreamweaver - but the shadow effect was
                  >>> done outside of Dreamweaver. When I save to html and load into
                  >>> Dreamweaver it makes no sense to me.
                  >>>
                  >>> Can anyone explain how to create this effect in Deamweaver and
                  >>> Fireworks?
                  >>>
                  >>> http://www.fundflowsystems.com/test.php
                  >>>
                  >>> Thanks in advance,
                  >>>
                  >>> Joe
                  >>>
                  >>
                  >>
                  >
                  >


                  • 6. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                    Level 7
                    Nope. Sorry. You need a Mac.

                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.dreamweavermx-templates.com - Template Triage!
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                    ==================


                    "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                    news:epa8tc$2dd$1@forums.macromedia.com...
                    > Thanks Murray...
                    >
                    > Is there a way I can test for Safari on my PC XP ?
                    >
                    > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                    > news:ep90i7$huj$1@forums.macromedia.com...
                    >> Fails in Safari, Ken.
                    >>
                    >> --
                    >> Murray --- ICQ 71997575
                    >> Adobe Community Expert
                    >> (If you *MUST* email me, don't LAUGH when you do so!)
                    >> ==================
                    >> http://www.dreamweavermx-templates.com - Template Triage!
                    >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    >> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                    >> ==================
                    >>
                    >>
                    >> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                    >> news:ep8quf$bq6$1@forums.macromedia.com...
                    >>> Here is a solution requiring NO images.
                    >>> The CSS and the Javascript can easily made remote the page
                    >>>
                    >>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    >>> " http://www.w3.org/TR/html4/loose.dtd">
                    >>> <html>
                    >>> <head>
                    >>> <title>Shadow</title>
                    >>> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                    >>> <script type="text/javascript">
                    >>> var depth = 6 // in pixels
                    >>>
                    >>> // addLoadEvent t
                    >>> function addLoadEvent(func) {
                    >>> var oldonload = window.onload;
                    >>> if (typeof window.onload != 'function') {
                    >>> window.onload = func;
                    >>> } else {
                    >>> window.onload = function() {
                    >>> if (oldonload) {
                    >>> oldonload();
                    >>> }
                    >>> func();
                    >>> }
                    >>> }
                    >>> }
                    >>>
                    >>> addLoadEvent(function() {
                    >>>
                    >>> var a = document.all ? document.all :
                    >>> document.getElementsByTagName('*');
                    >>> for (var i = 0;i < a.length;i++) {
                    >>> if (a .className == "shadow") {
                    >>> for (x = 0;x < depth;x++) {
                    >>> var newSd = document.createElement("DIV")
                    >>> newSd.className = "shadow2"
                    >>> newSd.style.background = a
                    .id
                    >>> newSd.style.width = a .offsetWidth + "px"
                    >>> newSd.style.height = a
                    .offsetHeight + "px"
                    >>> newSd.style.left = a .offsetLeft + x + "px"
                    >>> newSd.style.top = a
                    .offsetTop + x + "px"
                    >>> document.body.appendChild(newSd)
                    >>> }
                    >>> }
                    >>> }
                    >>> }
                    >>> );
                    >>>
                    >>> </script>
                    >>> <style>
                    >>> .shadow {
                    >>> border: 1px solid silver;
                    >>> padding: 2px;
                    >>> font: 10pt arial;
                    >>> position: relative;
                    >>> display: inline;
                    >>> background: white;
                    >>> z-index: 100
                    >>> }
                    >>> .shadow2 {
                    >>> overflow: hidden;
                    >>> position: absolute;
                    >>> filter: alpha(Opacity=15); /* modify to change the shade
                    >>> solidity/opacity, same as below */
                    >>> opacity: 0.1; /* firefox 1.5 opacity */
                    >>> -moz-opacity: 0.2; /* mozilla opacity */
                    >>> -khtml-opacity: 0.1; /* opacity */
                    >>> z-index: 10
                    >>> }
                    >>> </style>
                    >>>
                    >>> </head>
                    >>>
                    >>> <body>
                    >>> <table width="800" border="0" align="center" cellpadding="0"
                    >>> cellspacing="0" class="shadow" id="#000000">
                    >>> <tr>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> </tr>
                    >>> <tr>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> </tr>
                    >>> <tr>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> </tr>
                    >>> <tr>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> </tr>
                    >>> <tr>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> <td> </td>
                    >>> </tr>
                    >>> </table>
                    >>> </body>
                    >>> </html>
                    >>>
                    >>>
                    >>>
                    >>> "Joe" <jbridges@fundflowsystems.com> wrote in message
                    >>> news:ep8l9p$5ee$1@forums.macromedia.com...
                    >>>>
                    >>>> This site was oriinally done in dreamweaver - but the shadow effect was
                    >>>> done outside of Dreamweaver. When I save to html and load into
                    >>>> Dreamweaver it makes no sense to me.
                    >>>>
                    >>>> Can anyone explain how to create this effect in Deamweaver and
                    >>>> Fireworks?
                    >>>>
                    >>>> http://www.fundflowsystems.com/test.php
                    >>>>
                    >>>> Thanks in advance,
                    >>>>
                    >>>> Joe
                    >>>>
                    >>>
                    >>>
                    >>
                    >>
                    >
                    >


                    • 7. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                      Level 7
                      Murray, one more favor if you would be so kind...
                      Do you recall how this page degraded in Safari?

                      http://www.binney.us/table-allcode.htm


                      "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      news:epaab3$48d$1@forums.macromedia.com...
                      > Nope. Sorry. You need a Mac.
                      >
                      > --
                      > Murray --- ICQ 71997575
                      > Adobe Community Expert
                      > (If you *MUST* email me, don't LAUGH when you do so!)
                      > ==================
                      > http://www.dreamweavermx-templates.com - Template Triage!
                      > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                      > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                      > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                      > ==================
                      >
                      >
                      > "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                      > news:epa8tc$2dd$1@forums.macromedia.com...
                      >> Thanks Murray...
                      >>
                      >> Is there a way I can test for Safari on my PC XP ?
                      >>
                      >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      >> news:ep90i7$huj$1@forums.macromedia.com...
                      >>> Fails in Safari, Ken.
                      >>>
                      >>> --
                      >>> Murray --- ICQ 71997575
                      >>> Adobe Community Expert
                      >>> (If you *MUST* email me, don't LAUGH when you do so!)
                      >>> ==================
                      >>> http://www.dreamweavermx-templates.com - Template Triage!
                      >>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                      >>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                      >>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                      >>> ==================
                      >>>
                      >>>
                      >>> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                      >>> news:ep8quf$bq6$1@forums.macromedia.com...
                      >>>> Here is a solution requiring NO images.
                      >>>> The CSS and the Javascript can easily made remote the page
                      >>>>
                      >>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      >>>> " http://www.w3.org/TR/html4/loose.dtd">
                      >>>> <html>
                      >>>> <head>
                      >>>> <title>Shadow</title>
                      >>>> <meta http-equiv="Content-Type" content="text/html;
                      >>>> charset=iso-8859-1">
                      >>>> <script type="text/javascript">
                      >>>> var depth = 6 // in pixels
                      >>>>
                      >>>> // addLoadEvent t
                      >>>> function addLoadEvent(func) {
                      >>>> var oldonload = window.onload;
                      >>>> if (typeof window.onload != 'function') {
                      >>>> window.onload = func;
                      >>>> } else {
                      >>>> window.onload = function() {
                      >>>> if (oldonload) {
                      >>>> oldonload();
                      >>>> }
                      >>>> func();
                      >>>> }
                      >>>> }
                      >>>> }
                      >>>>
                      >>>> addLoadEvent(function() {
                      >>>>
                      >>>> var a = document.all ? document.all :
                      >>>> document.getElementsByTagName('*');
                      >>>> for (var i = 0;i < a.length;i++) {
                      >>>> if (a .className == "shadow") {
                      >>>> for (x = 0;x < depth;x++) {
                      >>>> var newSd = document.createElement("DIV")
                      >>>> newSd.className = "shadow2"
                      >>>> newSd.style.background = a
                      .id
                      >>>> newSd.style.width = a .offsetWidth + "px"
                      >>>> newSd.style.height = a
                      .offsetHeight + "px"
                      >>>> newSd.style.left = a .offsetLeft + x + "px"
                      >>>> newSd.style.top = a
                      .offsetTop + x + "px"
                      >>>> document.body.appendChild(newSd)
                      >>>> }
                      >>>> }
                      >>>> }
                      >>>> }
                      >>>> );
                      >>>>
                      >>>> </script>
                      >>>> <style>
                      >>>> .shadow {
                      >>>> border: 1px solid silver;
                      >>>> padding: 2px;
                      >>>> font: 10pt arial;
                      >>>> position: relative;
                      >>>> display: inline;
                      >>>> background: white;
                      >>>> z-index: 100
                      >>>> }
                      >>>> .shadow2 {
                      >>>> overflow: hidden;
                      >>>> position: absolute;
                      >>>> filter: alpha(Opacity=15); /* modify to change the shade
                      >>>> solidity/opacity, same as below */
                      >>>> opacity: 0.1; /* firefox 1.5 opacity */
                      >>>> -moz-opacity: 0.2; /* mozilla opacity */
                      >>>> -khtml-opacity: 0.1; /* opacity */
                      >>>> z-index: 10
                      >>>> }
                      >>>> </style>
                      >>>>
                      >>>> </head>
                      >>>>
                      >>>> <body>
                      >>>> <table width="800" border="0" align="center" cellpadding="0"
                      >>>> cellspacing="0" class="shadow" id="#000000">
                      >>>> <tr>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> </tr>
                      >>>> <tr>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> </tr>
                      >>>> <tr>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> </tr>
                      >>>> <tr>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> </tr>
                      >>>> <tr>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> <td> </td>
                      >>>> </tr>
                      >>>> </table>
                      >>>> </body>
                      >>>> </html>
                      >>>>
                      >>>>
                      >>>>
                      >>>> "Joe" <jbridges@fundflowsystems.com> wrote in message
                      >>>> news:ep8l9p$5ee$1@forums.macromedia.com...
                      >>>>>
                      >>>>> This site was oriinally done in dreamweaver - but the shadow effect
                      >>>>> was done outside of Dreamweaver. When I save to html and load into
                      >>>>> Dreamweaver it makes no sense to me.
                      >>>>>
                      >>>>> Can anyone explain how to create this effect in Deamweaver and
                      >>>>> Fireworks?
                      >>>>>
                      >>>>> http://www.fundflowsystems.com/test.php
                      >>>>>
                      >>>>> Thanks in advance,
                      >>>>>
                      >>>>> Joe
                      >>>>>
                      >>>>
                      >>>>
                      >>>
                      >>>
                      >>
                      >>
                      >
                      >


                      • 8. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                        Level 7
                        Yes - a blank (completely blank) page.

                        --
                        Murray --- ICQ 71997575
                        Adobe Community Expert
                        (If you *MUST* email me, don't LAUGH when you do so!)
                        ==================
                        http://www.dreamweavermx-templates.com - Template Triage!
                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                        ==================


                        "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                        news:epagp8$bqk$1@forums.macromedia.com...
                        > Murray, one more favor if you would be so kind...
                        > Do you recall how this page degraded in Safari?
                        >
                        > http://www.binney.us/table-allcode.htm
                        >
                        >
                        > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        > news:epaab3$48d$1@forums.macromedia.com...
                        >> Nope. Sorry. You need a Mac.
                        >>
                        >> --
                        >> Murray --- ICQ 71997575
                        >> Adobe Community Expert
                        >> (If you *MUST* email me, don't LAUGH when you do so!)
                        >> ==================
                        >> http://www.dreamweavermx-templates.com - Template Triage!
                        >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        >> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                        >> ==================
                        >>
                        >>
                        >> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                        >> news:epa8tc$2dd$1@forums.macromedia.com...
                        >>> Thanks Murray...
                        >>>
                        >>> Is there a way I can test for Safari on my PC XP ?
                        >>>
                        >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        >>> news:ep90i7$huj$1@forums.macromedia.com...
                        >>>> Fails in Safari, Ken.
                        >>>>
                        >>>> --
                        >>>> Murray --- ICQ 71997575
                        >>>> Adobe Community Expert
                        >>>> (If you *MUST* email me, don't LAUGH when you do so!)
                        >>>> ==================
                        >>>> http://www.dreamweavermx-templates.com - Template Triage!
                        >>>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        >>>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        >>>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                        >>>> ==================
                        >>>>
                        >>>>
                        >>>> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                        >>>> news:ep8quf$bq6$1@forums.macromedia.com...
                        >>>>> Here is a solution requiring NO images.
                        >>>>> The CSS and the Javascript can easily made remote the page
                        >>>>>
                        >>>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                        >>>>> " http://www.w3.org/TR/html4/loose.dtd">
                        >>>>> <html>
                        >>>>> <head>
                        >>>>> <title>Shadow</title>
                        >>>>> <meta http-equiv="Content-Type" content="text/html;
                        >>>>> charset=iso-8859-1">
                        >>>>> <script type="text/javascript">
                        >>>>> var depth = 6 // in pixels
                        >>>>>
                        >>>>> // addLoadEvent t
                        >>>>> function addLoadEvent(func) {
                        >>>>> var oldonload = window.onload;
                        >>>>> if (typeof window.onload != 'function') {
                        >>>>> window.onload = func;
                        >>>>> } else {
                        >>>>> window.onload = function() {
                        >>>>> if (oldonload) {
                        >>>>> oldonload();
                        >>>>> }
                        >>>>> func();
                        >>>>> }
                        >>>>> }
                        >>>>> }
                        >>>>>
                        >>>>> addLoadEvent(function() {
                        >>>>>
                        >>>>> var a = document.all ? document.all :
                        >>>>> document.getElementsByTagName('*');
                        >>>>> for (var i = 0;i < a.length;i++) {
                        >>>>> if (a .className == "shadow") {
                        >>>>> for (x = 0;x < depth;x++) {
                        >>>>> var newSd = document.createElement("DIV")
                        >>>>> newSd.className = "shadow2"
                        >>>>> newSd.style.background = a
                        .id
                        >>>>> newSd.style.width = a .offsetWidth + "px"
                        >>>>> newSd.style.height = a
                        .offsetHeight + "px"
                        >>>>> newSd.style.left = a .offsetLeft + x + "px"
                        >>>>> newSd.style.top = a
                        .offsetTop + x + "px"
                        >>>>> document.body.appendChild(newSd)
                        >>>>> }
                        >>>>> }
                        >>>>> }
                        >>>>> }
                        >>>>> );
                        >>>>>
                        >>>>> </script>
                        >>>>> <style>
                        >>>>> .shadow {
                        >>>>> border: 1px solid silver;
                        >>>>> padding: 2px;
                        >>>>> font: 10pt arial;
                        >>>>> position: relative;
                        >>>>> display: inline;
                        >>>>> background: white;
                        >>>>> z-index: 100
                        >>>>> }
                        >>>>> .shadow2 {
                        >>>>> overflow: hidden;
                        >>>>> position: absolute;
                        >>>>> filter: alpha(Opacity=15); /* modify to change the shade
                        >>>>> solidity/opacity, same as below */
                        >>>>> opacity: 0.1; /* firefox 1.5 opacity */
                        >>>>> -moz-opacity: 0.2; /* mozilla opacity */
                        >>>>> -khtml-opacity: 0.1; /* opacity */
                        >>>>> z-index: 10
                        >>>>> }
                        >>>>> </style>
                        >>>>>
                        >>>>> </head>
                        >>>>>
                        >>>>> <body>
                        >>>>> <table width="800" border="0" align="center" cellpadding="0"
                        >>>>> cellspacing="0" class="shadow" id="#000000">
                        >>>>> <tr>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> </tr>
                        >>>>> <tr>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> </tr>
                        >>>>> <tr>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> </tr>
                        >>>>> <tr>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> </tr>
                        >>>>> <tr>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> <td> </td>
                        >>>>> </tr>
                        >>>>> </table>
                        >>>>> </body>
                        >>>>> </html>
                        >>>>>
                        >>>>>
                        >>>>>
                        >>>>> "Joe" <jbridges@fundflowsystems.com> wrote in message
                        >>>>> news:ep8l9p$5ee$1@forums.macromedia.com...
                        >>>>>>
                        >>>>>> This site was oriinally done in dreamweaver - but the shadow effect
                        >>>>>> was done outside of Dreamweaver. When I save to html and load into
                        >>>>>> Dreamweaver it makes no sense to me.
                        >>>>>>
                        >>>>>> Can anyone explain how to create this effect in Deamweaver and
                        >>>>>> Fireworks?
                        >>>>>>
                        >>>>>> http://www.fundflowsystems.com/test.php
                        >>>>>>
                        >>>>>> Thanks in advance,
                        >>>>>>
                        >>>>>> Joe
                        >>>>>>
                        >>>>>
                        >>>>>
                        >>>>
                        >>>>
                        >>>
                        >>>
                        >>
                        >>
                        >
                        >


                        • 9. Re: Can anyone explain how to create this effect in Deamweaver and Fireworks?
                          Level 7
                          Thank you so much...

                          You is da bomb!

                          "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          news:epaigq$dv4$1@forums.macromedia.com...
                          > Yes - a blank (completely blank) page.
                          >
                          > --
                          > Murray --- ICQ 71997575
                          > Adobe Community Expert
                          > (If you *MUST* email me, don't LAUGH when you do so!)
                          > ==================
                          > http://www.dreamweavermx-templates.com - Template Triage!
                          > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                          > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                          > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                          > ==================
                          >
                          >
                          > "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                          > news:epagp8$bqk$1@forums.macromedia.com...
                          >> Murray, one more favor if you would be so kind...
                          >> Do you recall how this page degraded in Safari?
                          >>
                          >> http://www.binney.us/table-allcode.htm
                          >>
                          >>
                          >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          >> news:epaab3$48d$1@forums.macromedia.com...
                          >>> Nope. Sorry. You need a Mac.
                          >>>
                          >>> --
                          >>> Murray --- ICQ 71997575
                          >>> Adobe Community Expert
                          >>> (If you *MUST* email me, don't LAUGH when you do so!)
                          >>> ==================
                          >>> http://www.dreamweavermx-templates.com - Template Triage!
                          >>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                          >>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                          >>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                          >>> ==================
                          >>>
                          >>>
                          >>> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                          >>> news:epa8tc$2dd$1@forums.macromedia.com...
                          >>>> Thanks Murray...
                          >>>>
                          >>>> Is there a way I can test for Safari on my PC XP ?
                          >>>>
                          >>>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          >>>> news:ep90i7$huj$1@forums.macromedia.com...
                          >>>>> Fails in Safari, Ken.
                          >>>>>
                          >>>>> --
                          >>>>> Murray --- ICQ 71997575
                          >>>>> Adobe Community Expert
                          >>>>> (If you *MUST* email me, don't LAUGH when you do so!)
                          >>>>> ==================
                          >>>>> http://www.dreamweavermx-templates.com - Template Triage!
                          >>>>> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                          >>>>> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                          >>>>> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                          >>>>> ==================
                          >>>>>
                          >>>>>
                          >>>>> "Ken Binney" <kenbinney@ossiningdesignguild.com> wrote in message
                          >>>>> news:ep8quf$bq6$1@forums.macromedia.com...
                          >>>>>> Here is a solution requiring NO images.
                          >>>>>> The CSS and the Javascript can easily made remote the page
                          >>>>>>
                          >>>>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                          >>>>>> " http://www.w3.org/TR/html4/loose.dtd">
                          >>>>>> <html>
                          >>>>>> <head>
                          >>>>>> <title>Shadow</title>
                          >>>>>> <meta http-equiv="Content-Type" content="text/html;
                          >>>>>> charset=iso-8859-1">
                          >>>>>> <script type="text/javascript">
                          >>>>>> var depth = 6 // in pixels
                          >>>>>>
                          >>>>>> // addLoadEvent t
                          >>>>>> function addLoadEvent(func) {
                          >>>>>> var oldonload = window.onload;
                          >>>>>> if (typeof window.onload != 'function') {
                          >>>>>> window.onload = func;
                          >>>>>> } else {
                          >>>>>> window.onload = function() {
                          >>>>>> if (oldonload) {
                          >>>>>> oldonload();
                          >>>>>> }
                          >>>>>> func();
                          >>>>>> }
                          >>>>>> }
                          >>>>>> }
                          >>>>>>
                          >>>>>> addLoadEvent(function() {
                          >>>>>>
                          >>>>>> var a = document.all ? document.all :
                          >>>>>> document.getElementsByTagName('*');
                          >>>>>> for (var i = 0;i < a.length;i++) {
                          >>>>>> if (a .className == "shadow") {
                          >>>>>> for (x = 0;x < depth;x++) {
                          >>>>>> var newSd = document.createElement("DIV")
                          >>>>>> newSd.className = "shadow2"
                          >>>>>> newSd.style.background = a
                          .id
                          >>>>>> newSd.style.width = a .offsetWidth + "px"
                          >>>>>> newSd.style.height = a
                          .offsetHeight + "px"
                          >>>>>> newSd.style.left = a .offsetLeft + x + "px"
                          >>>>>> newSd.style.top = a
                          .offsetTop + x + "px"
                          >>>>>> document.body.appendChild(newSd)
                          >>>>>> }
                          >>>>>> }
                          >>>>>> }
                          >>>>>> }
                          >>>>>> );
                          >>>>>>
                          >>>>>> </script>
                          >>>>>> <style>
                          >>>>>> .shadow {
                          >>>>>> border: 1px solid silver;
                          >>>>>> padding: 2px;
                          >>>>>> font: 10pt arial;
                          >>>>>> position: relative;
                          >>>>>> display: inline;
                          >>>>>> background: white;
                          >>>>>> z-index: 100
                          >>>>>> }
                          >>>>>> .shadow2 {
                          >>>>>> overflow: hidden;
                          >>>>>> position: absolute;
                          >>>>>> filter: alpha(Opacity=15); /* modify to change the shade
                          >>>>>> solidity/opacity, same as below */
                          >>>>>> opacity: 0.1; /* firefox 1.5 opacity */
                          >>>>>> -moz-opacity: 0.2; /* mozilla opacity */
                          >>>>>> -khtml-opacity: 0.1; /* opacity */
                          >>>>>> z-index: 10
                          >>>>>> }
                          >>>>>> </style>
                          >>>>>>
                          >>>>>> </head>
                          >>>>>>
                          >>>>>> <body>
                          >>>>>> <table width="800" border="0" align="center" cellpadding="0"
                          >>>>>> cellspacing="0" class="shadow" id="#000000">
                          >>>>>> <tr>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> </tr>
                          >>>>>> <tr>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> </tr>
                          >>>>>> <tr>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> </tr>
                          >>>>>> <tr>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> </tr>
                          >>>>>> <tr>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> <td> </td>
                          >>>>>> </tr>
                          >>>>>> </table>
                          >>>>>> </body>
                          >>>>>> </html>
                          >>>>>>
                          >>>>>>
                          >>>>>>
                          >>>>>> "Joe" <jbridges@fundflowsystems.com> wrote in message
                          >>>>>> news:ep8l9p$5ee$1@forums.macromedia.com...
                          >>>>>>>
                          >>>>>>> This site was oriinally done in dreamweaver - but the shadow effect
                          >>>>>>> was done outside of Dreamweaver. When I save to html and load into
                          >>>>>>> Dreamweaver it makes no sense to me.
                          >>>>>>>
                          >>>>>>> Can anyone explain how to create this effect in Deamweaver and
                          >>>>>>> Fireworks?
                          >>>>>>>
                          >>>>>>> http://www.fundflowsystems.com/test.php
                          >>>>>>>
                          >>>>>>> Thanks in advance,
                          >>>>>>>
                          >>>>>>> Joe
                          >>>>>>>
                          >>>>>>
                          >>>>>>
                          >>>>>
                          >>>>>
                          >>>>
                          >>>>
                          >>>
                          >>>
                          >>
                          >>
                          >
                          >