6 Replies Latest reply: Mar 20, 2008 1:09 PM by INVT RSS

    Static (png) with alpha with scrolling content

    INVT Community Member
      Hello,

      I am not sure how to even do this but I want to scroll the content of this page but keep the leaves at the top static or stationary. Can anyone direct me to a tutorial or a website that does this. I was thinking that I could use an inline frame but I need to promote this site and inline frames aren't good for this and aren't really used.

      The page is here http://www.lasalleboat.org

      I need constructive suggestions and links to tutorials or if someone already knows how to do this I can pay for the code so I can add it.

      Thanks for your time,

      Hugo
        • 1. Re: Static (png) with alpha with scrolling content
          Newsgroup_User Community Member
          Put this into your external CSS

          body {
          background:url(leaves.png) no-repeat fixed}

          Or if you don't have an external CSS, place this code between your <head>
          </head> tags in your html page like so:

          <style>
          body { background:url(leaves.png) no-repeat fixed}
          </style>


          --Nancy O.
          Alt-Web Design & Publishing
          www.alt-web.com


          "INVT" <webforumsuser@macromedia.com> wrote in message
          news:frbur9$kio$1@forums.macromedia.com...
          > Hello,
          >
          > I am not sure how to even do this but I want to scroll the content of
          this
          > page but keep the leaves at the top static or stationary. Can anyone
          direct me
          > to a tutorial or a website that does this. I was thinking that I could use
          an
          > inline frame but I need to promote this site and inline frames aren't good
          for
          > this and aren't really used.
          >
          > I need constructive suggestions and links to tutorials or if someone
          already
          > knows how to do this I can pay for the code so I can add it.
          >
          > Thanks for your time,
          >
          > Hugo
          >


          • 2. Static (png) with alpha with scrolling content
            INVT Community Member
            Thanks Nancy O. With a little smackin' around I got it to work perfectly.

            I appreciate the help check it out http://lasalleboat.org/index2.htm

            I did find an issue with this. The links on the left are not active or clickable unless I move that layer or div tag above or on top of the leave_boarder_long.png as you can see the links are not underneath the image.

            ??:(

            INVT (Hugo)
            • 3. Re: Static (png) with alpha with scrolling content
              INVT Community Member
              I did find an issue with this. The links on the left are not active or clickable unless I move that layer or div tag above or on top of the leave_boarder_long.png as you can see the links are not underneath the image.

              Any ideas are welcome...
              • 4. Re: Static (png) with alpha with scrolling content
                MikeL7 Community Member
                Your menu not working might have to do with this line in the head of your page

                <script type="text/javascript" src="file:///C|/Documents and Settings/Hugo/My Documents/My Web Sites/StBedeAbbeyPress2/insidemenu1.js" charset="UTF-8">

                It pointing to a file on your local computer, change that and see if it helps, get Firebug addon for Firefox and it makes it easy to see any errors and view the structure of you page
                Nice images...
                • 5. Re: Static (png) with alpha with scrolling content
                  INVT Community Member
                  I removed the lines but I still could not get it to work unless the div layer (AP element) was on top of the leaves AP element. The fact of the matter is I believe it's because the leaf graphic is transparent .png and all of the other elements are underneath so I suppose that is why the links have to be on top because they cannot be clicked on through another graphic. Does this sound right?

                  INVT
                  • 6. Re: Static (png) with alpha with scrolling content
                    INVT Community Member
                    I sized the layer up to clear the links and I added two more layers with the CSS rules below one for the left and one for the right and neither works just the first one. I am trying to put to graphics on either side so the don't have to lay over the links but it will not work here is my CSS: