Click to See Complete Forum and Search --> : Gaps in background images


karayan
08-20-2003, 10:53 PM
I asked this question in a different post, but I am repeating it here in a simpler form hoping for an answer.

I am creating a table cell with a backround image that is supposed to be repeated horizontally and vertically until the whole cell is covered, like:

<table><tr>
<td width='100' height='100' background='eclipse.net/~karayan/top.gif'>
</td></tr></table>

Image top.gif is a small image that I expect to be repeated in the background and cover the whole cell seamlessly. But IE shows seams (gaps) between the repetitions. How do I avoid that?

Fang
08-21-2003, 01:22 AM
Some of your images are 18x19 others 19x19.
Use the images on the background:

<TD style="background-image: url(file:test_files/top.gif); background-position: left; background-repeat: repeat-x;"></TD>

See this (http://devedge.netscape.com/viewsource/2002/img-table/) page to deal with "gaps".