Page 1 of 1
background image
Posted: Sat Oct 07, 2006 9:04 pm
by Nolan
I would like to set background image in place of default white background. How can i do it?
Re: background image
Posted: Sun Oct 08, 2006 3:32 am
by Dr.CSS
Take it out of main and put it in body....
body {
background: url(uploads/images/tlo.jpg);
background-color: #ccc;
color: #333;
margin:1em; /* gives some air for the pagewrapper */
}
Re: background image
Posted: Sun Oct 08, 2006 7:12 am
by Nolan
mark wrote:
Take it out of main and put it in body....
body {
background: url(uploads/images/tlo.jpg);
background-color: #ccc;
color: #333;
margin:1em; /* gives some air for the pagewrapper */
}
I tryed it before, background image is visible under the content, white color is still as a background. Im trying to replace white colour with my background image.
Re: background image
Posted: Sun Oct 08, 2006 8:33 pm
by Dr.CSS
Well it's not white any more...
body is the whole page not just the part that has the header but the area from top to bottom and side to side in the browser window...
pagewrapper is the main part of the page from top of the header to the bottom of the footer, border to border....
main is the part that you put content in, this stuff...
mamy doświadczenie - szkoła istnieje od 14 lat, a od 9 mamy uprawnienia szkoły publicznej
· mamy świetną kadrę nauczycielską - zajęcia prowadzą wykładowcy Uniwersytetu Śląskiego, Politechniki Śląskiej, Śląskiej Akademii Medycznej, Akademii Wychowania Fizycznego w Katowicach oraz instytucji związanych z ochroną pracy
If you want the background image to show up just in the body use what I posted before...
If you want it to be in the whole page, from border to border, top to bottom then use it for the background of pagewrapper...
If you want it to show thru while being in the body take out the background color of the area you want it to show in...
The whole browser window and main, put image in body and take out b.c. of main...
The whole brow. win. and just not in main put image in body take out b.c. in pagewrapper...
To have it show thru everything put it in body and take out b.c. of pagewrapper and main...
Re: background image
Posted: Tue Oct 10, 2006 11:00 am
by Nolan
mark wrote:
Well it's not white any more...
body is the whole page not just the part that has the header but the area from top to bottom and side to side in the browser window...
pagewrapper is the main part of the page from top of the header to the bottom of the footer, border to border....
main is the part that you put content in, this stuff...
mamy doświadczenie - szkoła istnieje od 14 lat, a od 9 mamy uprawnienia szkoły publicznej
· mamy świetną kadrę nauczycielską - zajęcia prowadzą wykładowcy Uniwersytetu Śląskiego, Politechniki Śląskiej, Śląskiej Akademii Medycznej, Akademii Wychowania Fizycznego w Katowicach oraz instytucji związanych z ochroną pracy
If you want the background image to show up just in the body use what I posted before...
If you want it to be in the whole page, from border to border, top to bottom then use it for the background of pagewrapper...
If you want it to show thru while being in the body take out the background color of the area you want it to show in...
The whole browser window and main, put image in body and take out b.c. of main...
The whole brow. win. and just not in main put image in body take out b.c. in pagewrapper...
To have it show thru everything put it in body and take out b.c. of pagewrapper and main...
Thank You for help