webpage backgrounds [Archive]

alex57

07-15-2007, 12:00 AM

Hello,

i know you can define a background using:

<html>
<body bgcolor='hexcode'>
</body>
</html>

but it looks naff. How would i create a background such as at this link:

http://www.coffeecup.com/color-schemer/

It isnt an image, i am wondering how this is done?

thanks

koyama

07-15-2007, 12:09 AM

How would i create a background such as at this link:

http://www.coffeecup.com/color-schemer/

It isnt an image, i am wondering how this is done?
You know that you can view the source, right?

Actually they are using are background image:

body {
margin:0;
padding:9px 0;
text-align:center;
background:#fff url('/images/background.png') repeat-x;
font-size:12px;
font-family:verdana,arial,monaco,sans-serif;
}

And the background image: http://www.coffeecup.com/images/background.png

alex57

07-15-2007, 05:44 PM

ah, i see. Surely it would take longer to load that repeated image. Thanks for the insight though

jlhaslip

07-16-2007, 04:04 AM

The image only needs to be downloaded once, and the Browser does the repeating of the image. Saves your bandwidth and the page rendering time.

ronaldb66

07-16-2007, 08:38 AM

It's about 2.4k; that's not very big...