Web Publishing wk 2

allows developer to define a starting location for bg elements
once specified - can be repeated from this point
if not specified - image will be located "0" "0" - top left border
this gives complete control of bg images - can specify coordinates

body (
background-image:url(pat1.jpg);
background-position:left bottom; or right,left,center center
background-repeat:no-repeat;
)

define
body {
background-image:url(pat1.jpg);
background-position:300px 150px; 1st value how far from left of browser, 2nd value top of browser
background-repeat:no-repeat;
}
- or can use 40% 20% - this would change position of image based on the browser window -relative to size of window

bg position comes in handy re a menu system - can use bg image as a button - can use hypertext for the actual button itself - advantage - saving bandwidth - making site more accessible - using hypertext instead of image

inside body elements
index

inside style elements
body {
background-image:url(pat1.jpg);
background-position: center center;
}
a {background-image:url(pat2.jpg)
}
with css - can place a bg image on any element and control the position