HTML Forum

**Critizin** · 10-17-2006, 10:21 AM

Hey guys i cant seem to find anything on the web for this so i thought i ask you guys how do u make a background like stay at the top for example like this

http://www.clantemplates.com/

u see how they have that background pattern and then it just goes to a single color how would i go about doing that?

**Critizin** · 10-17-2006, 10:41 AM

nvm i found it heres the code for anyone else that might need it

<style type="text/css">

</style><BODY style="background-repeat:repeat-x" background="images/mainbg.png">

**LadynRed** · 10-17-2006, 12:45 PM

If you looked on the web and couldn't find anything, you weren't looking too hard !

The PROPER use of background in CSS would be as follows:
body{
background: #040404 url(images/mainbg.png) repeat-x;
Repeat can be repeat-x, repeat-y, and no-repeat. Leaving off 'repeat' will tile both horizontally AND vertically.

No need to put any style declaration in the HTML.

**shannonlp** · 10-17-2006, 02:53 PM

That would be correct. The site seems to load a little slow. How much impact does uses a graphically intense image to tile throw into load time?

**vangogh** · 10-17-2006, 04:48 PM

Shannon, images are usually the main reason for sites slowing up load times. Usually with an image across a page that looks consistent as you move horizonatally I'll use a 1px wide image and tile it with the code LadnRed posted above.

In generally the smaller you can make the file sizes of your images the quicker the page will load.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!