Friday, April 2, 2010

How do they do that??? Background...

People.

More and more websites are putting huge background images behind their current html frames. See www.rds.ca

How do they put the hockey players on the left and right? Modify/page properties/background image???

I would know how to put a jpg in a background, but it would repeat itself...

RDS doesn't repeat itself, and it resizes automaticaly when you play with the size of the window...always putting the main frame at view...

How do they do that???

Jack

How do they do that??? Background...

Didn't check their CSS file, but probably this:

they are using this huge .jpg file:

http://www.rds.ca/images/2009/accueil/bg.jpg

and CSS code should looke like this:

body{
?background-image:url(../images/2009/accueil/bg.jpg);
?background-repeat:no-repeat;
?background-position:center;
}

How do they do that??? Background...

Yep, the css for the background image from their css files is:

body {

background-image:url(http://www.rds.ca/images/2009/accueil/bg.jpg);

background-color:#FFF;

}

though they didn't?use a centering position as I (and DeadManWalking) would have done.

The bg image includes a middle white area where all the content is displayed. Pretty much like using a standard 'wrapper' div to center the content without that area.

Not really all that difficult to do, just need to make sure that all you content is laid out corrently within that middle white area?:-)

No comments:

Post a Comment