Cell backgrounds...

**cisites** · Oct 14, 2000 18:47

How do I make them so that they stay centered and don't repeat themselves.

**swoosh** · Oct 14, 2000 21:23

cisites, I think stylesheets can do that for you. If I remember right, the code for doing such a thing is something like this:

Code:

<td style="background-position: center;
background-repeat: no-repeat;
background-image: url(imageLocationHere)">
Your Cell Content Goes Here
</td>

The 'background-position: center' property will set it center both horizontal and vertical while the 'background-repeat: no-repeat' property will not tile your background. Remember to replace 'imageLocationHere' with the URL (or relative address) for your background image and you're all set.

You might also want to consider using the following code if you want all your cells' background want to be centered and not tiled:

Code:

<style type="text/css">
TD {
background-position: center;
background-repeat: no-repeat;
}
</style>

Put it somewhere beetween your <head> and </head> tags. You can specify each cell's background image. If you want all of your cells to have the same background image, just add this line to the above code:
background-image: url(imageLocationHere);

Hope it works. I haven't tried it yet, but it should work.

Let me know if there's something you're not clear of or if you need further assistance.

Good luck.

[Edited by swoosh on 10-14-2000 at 10:53 PM]

**duckie** · Oct 16, 2000 13:51

Are you talking about using just one background image for the table instead of having the image repeat in every cell?

The solution is simple, just set as the background of each cell a transparent gif, either using the traditional method or CSS.

**cisites** · Oct 17, 2000 08:57

No, I have a background image that should fill up 90% of one cell. It strated to repeat, hence the question. I'll try what swoosh said and see if it works.