Image Scrolling, Positioned Images Options

[jon]

Hello, i have just started HTML a week or two ago, and i was wondering what code i would need in order to make an image stay in the back of the page but moving up/down as you scroll so it stays in the middle of the screen, im sorrry if its not specific enough but its hard to explain. I would really appreciate some assitance for my small problem! Anything is much appreciated!

[pandy]

Like a background? You can do that with CSS and 'background-attachment: fixed' + a little more.

This is probably a little hard to understand if you are new, but you can save it for later.
http://www.w3.org/TR/REC-CSS2/colors.html#...ground-position
For CSS basics, read this.
http://www.htmlhelp.com/reference/css/

You could use something like this in a style sheet (you can read at the second page I linked to how you can link a style sheet to your HTML).

CODE

body  { background-color: #abc123;
        background-image: url(DL/ab.jpg);
        background-attachment: fixed;
        background-position: center center }

background-image tells what image to use
background-attachment fixed means it won't scroll with the page
background-position lets you position the background image

It can be written shorter like this ('background' is shorthand for all background properties).

CODE

body  { background: #abc123 url(pic.jpg) no-repeat fixed center }

[jon]

OMG thank you so much, now i can show my teacher in business class how to do this! Thanks very much for your assistance!

[pandy]

BUSINESS class?

You are welcome nevertheless.

[jon]

yeah im in highschool 10th grade business class about online business.. we use html to create our own website and as a final project we sell a product! its alot of fun! also i was wondering as a html tag how do you make a immage not repeat, do you have to use a style or can you just use a different tag?, the style worked great with our site thanks for the help...

This post has been edited by jon: Oct 4 2006, 12:36 PM

[Frederiek]

Since you're in school, I'll give you an url to find the reply by yourself

http://www.westciv.com/style_master/house/index.html

[pandy]

No, HTML can't do that. HTML is for structure (headings, paragraphs, lists and so on), CSS for style. HTML eventually came to include quite a lot of page style elements, but it wasn't intended for this and was never very well suited for it, hence those tools are blunt. I.E. HTML can make a background image appear, but that's it. CSS can apply it to any element, not only body, and, as you've seen, it can do a lot more with it than just make it appear.

Use each language for what it's indtended for and don't let your teacher make you write FONT tags and such.

[jon]

thanks again!