The Internet Classroom
backgrounds..
2006/07/21 15:03:20 PDT by elena08

how do you make a picture into a background, i dont know how to insert it

2006/07/21 15:05:16 PDT by EggPuffs
[EggPuffs's avatar]
Quote from elena08:

how do you make a picture into a background, i dont know how to insert it

Tansen/MadnessX knows how, and I would ask him. Or any TA/instructor person floating around.

Terrance is afraid of being stalked by a slut. (Don't ask. I made a pic but you probably don't want to see it.)
"Everyone has the right to be stupid, but some people overabuse the privilege."
~anonymous

2006/07/21 15:15:02 PDT by Forward Biased
[Forward Biased's avatar]

In CSS, use the properties:
* "background-image" to point to the image you want to use
* "background-repeat" to tile the image
* "background-position" to position the background

But, I'm kinda lazy, so I like the shortcut property "background" which combines the three above + others. Here's an example of putting a background on the body:

body {
background: url(body-bg.jpg) no-repeat top left;
}

Replace "body-bg.jpg" with the filename of the image. Replace "no-repeat" (if desired) with "repeat-x" (tile horizontally), "repeat-y" (tile vertically), or "repeat" (tiles in both directions). Replace "top" and "left" with (1) any pairing of top/bottom and left/right, (2) percentages, (3) fixed lengths.

Play around with it and see what you come up with. And don't hesitate to ask further questions.

All TIC materials copyright © 2006 Cynthia Nie and Trevor Ridinger
Powered by Io Community Manager, Evlan, and FreeBSD