Static (png) with alpha with scrolling content

#1 (**permalink**) 03-13-2008, 08:21 PM

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 (**permalink**) 03-13-2008, 11:31 PM

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
>

#3 (**permalink**) 03-19-2008, 05:19 AM

Thanks Nancy O. With a little smackin' around I got it to work perfectly.

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

INVT (Hugo)

#4 (**permalink**) 03-19-2008, 09:29 PM

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...

#5 (**permalink**) 03-20-2008, 05:55 AM

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...

#6 (**permalink**) 03-20-2008, 07:28 PM

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

#7 (**permalink**) 03-20-2008, 09:09 PM

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:

#body {

background:url(../leave_boarder_long.png) no-repeat fixed center top

}
#bodylft {
background:url(../lft_boarder.png) no-repeat fixed left top;

}
#bodyrgt {

background:url(../rgt_boarder.png) no-repeat fixed right top

}

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode