I asked this question in a different post, but I am repeating it here in a simpler form hoping for an answer.<br />
<br />
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:<br />
<br />
<table><tr><br />
<td width='100' height='100' background='eclipse.net/~karayan/top.gif'><br />
</td></tr></table><br />
<br />
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?<!--content-->Some of your images are 18x19 others 19x19.<br />
Use the images on the background:<br />
<br />
<TD style="background-image: url(file:test_files/top.gif); background-position: left; background-repeat: repeat-x;"></TD><br />
<br />
See this (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->) page to deal with "gaps".<!--content-->
<br />
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:<br />
<br />
<table><tr><br />
<td width='100' height='100' background='eclipse.net/~karayan/top.gif'><br />
</td></tr></table><br />
<br />
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?<!--content-->Some of your images are 18x19 others 19x19.<br />
Use the images on the background:<br />
<br />
<TD style="background-image: url(file:test_files/top.gif); background-position: left; background-repeat: repeat-x;"></TD><br />
<br />
See this (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->) page to deal with "gaps".<!--content-->