Positioning a background image with CSS...

What's the syntax to position an image to start tiling horizontally only,
beginning left, but offset 500 pixels from the top of the screen -- without
adding those 500 pixels to the background image itself??

Can't do it that I know of.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Mike" <mike (AT) nospam (DOT) com> wrote

What's the syntax to position an image to start tiling horizontally only,
beginning left, but offset 500 pixels from the top of the screen --
without adding those 500 pixels to the background image itself??

Found a way..!

On the body :

background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-position:0px 588px;

....where the top of the background image is aligned 588 pixels down from the
top of the viewport.

Is this valid code?

"Murray *ACE*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Can't do it that I know of.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Mike" <mike (AT) nospam (DOT) com> wrote in message
news:gqbecq$6uv$1 (AT) forums (DOT) macromedia.com...
What's the syntax to position an image to start tiling horizontally only,
beginning left, but offset 500 pixels from the top of the screen --
without adding those 500 pixels to the background image itself?

..oO(Mike)

Found a way..!

On the body :

background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-position:0px 588px;

...where the top of the background image is aligned 588 pixels down from the
top of the viewport.

Is this valid code?

Sure. You can even keep it a bit shorter with a shorthand property:

background: url(/images/bg.jpg) repeat-x 0 588px;

Also note that when you use background images, you should also add a
solid background color matching the image, just in case the image can't
be displayed, e.g.

background: #RGB url(/images/bg.jpg) repeat-x 0 588px;

Replace #RGB with the color value of your choice. This ensures that even
without the image the text on it will be readable.

Micha

I misinterpreted your question - sorry. I thought you wanted it to repeat
both x and y except for the top 500px.

I see you have the correct solution....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Mike" <mike (AT) nospam (DOT) com> wrote

Found a way..!

On the body :

background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-position:0px 588px;

...where the top of the background image is aligned 588 pixels down from
the top of the viewport.

Is this valid code?

"Murray *ACE*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message
news:gqbeld$75v$1 (AT) forums (DOT) macromedia.com...
Can't do it that I know of.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Mike" <mike (AT) nospam (DOT) com> wrote in message
news:gqbecq$6uv$1 (AT) forums (DOT) macromedia.com...
What's the syntax to position an image to start tiling horizontally
only, beginning left, but offset 500 pixels from the top of the
screen -- without adding those 500 pixels to the background image
itself?