i want to make one background tile and the other one not repeat. how do i do that?

It depends on whether the backround is in a table, or div layer.

Create your own CSS class.


First the head code:

.firstbackground { background-image: url(1bkg.gif); background-repeat: no-repeat; }

.secondbackground { background-image: url(2bkg.gif); }


Then when you code what you want in the body of your document you just add the following:


<div class="firstbackground">div layer 1 here</div>
<div class="secondbackground">div layer 2 here</div>

It just depends on where you're putting the background, in a div layer, table, paragraph, whatever.