Scolling background image

#1

It's been a while since I did any work with dreamweaver, apart from updates to
my old site.
I'm just building a new one and wanted to have a scolling background image.
I set my image.
I go to CSS, attachment and set the image to scroll.
When I view it in IE7 or Firefox the image is repeated, which isn't any good
as it's a view, so it looks silly with the sky coming up after the grass

Anyone any ideas where I may be going wrong, sorry if I haven't given enough
info, just tell me what you need to know.
Dreamweaver MX (8)
jpeg image of 1024x768 pixels.

#2

Quote:

I go to CSS, attachment and set the image to scroll.
When I view it in IE7 or Firefox the image is repeated

background-repeat is the attribute for whether or not an image repeats.

background-attachment is the attribute for whether or not the background
image scrolls with the page, or is fixed with the viewport.

Quote:

Anyone any ideas where I may be going wrong, sorry if I haven't given
enough
info, just tell me what you need to know.

What is the end result you are trying to achieve? Can you give us a link to
the page?

It sounds like
background-attachment: no-repeat

is what you are looking for.

-Darrel

#3

What is the end result you are trying to achieve? Can you give us a link to
the page?

It sounds like
background-attachment: no-repeat

is what you are looking for.

-Darrel

That is what I want.
That is what I have chosen.

That is not what I get

I want the image to scroll down when the user scrolls down the page, as about
4 of the pages will have longer text on than the others.
What I get is image repeat.

I haven't a page up at the moment, as gave up and had something to eat.

I'll do another one and put it back up.
Graham

[/q]

#4

Quote:

That is what I want.
That is what I have chosen.

I don't see any links. FYI, I'm reading this in the newsgroup. We don't see
attachments.

Quote:

I want the image to scroll down when the user scrolls down the page, as
about
4 of the pages will have longer text on than the others.

You don't want the image to 'scroll down', but, rather it sounds like you
want the image to get longer/taller. For that to happen, you need to get
creative with how you slice and layer your images to create the illustion of
an image that stretches.

Typically you'd have a main part that tiles seamlessly, and then a 'footer'
image that finishes it off at the bottom.

Quote:

I haven't a page up at the moment, as gave up and had something to eat.

I'll do another one and put it back up.

That's be great. It's always easier to help when we have something we can
look at.

But eating is important too! ;0)

_Darrel

#5

It's getting worse, now I just get a very small section of the picture.
http://www.myvideoproblems.com/testi...nd%20test.html

#6

Also
http://www.myvideoproblems.com/testi...kground%20test 2.html

No, I want the image to move down as the page scrolls down, as the picture is
of a scene that I want people to see, although it will obviously only be 50% or
less opacity. It would look odd if it stretched.

Graham

#7

This is what the whole picture is like. I've set this as a background to the page in question.
www.berrybrookhouse.co.uk

#8

Quote:

No, I want the image to move down as the page scrolls down

It sounds like you don't want the image to scroll up...in otherwords, you
want a fixed background:

background-attachment : fixed

however, as AFAIK, that attribute will only work as you want it to work when
the background is attached to the BODY tag.

That said, it sounds like you may have a lot of text, and you want it all to
fit on the image.

As such, you then need to have the text be placed inside a div smaller than
the background image, and then set that div to scroll if the text overflows
it.

HOWEVER, that tends to be a bad way to go about designing a web site, as you
really don't want the most important part of the page (the content) trapped
in a little box that someone has to scroll through. You might be better of
rethinking your page layout.

-Darrel