No BG Image repeating in a table's cell
-
I want to place an image as a background for a table's cell. However, I don't want to have the image continue to tile when the cell is larger than the image. How would I stop the image from repeating? :confused: Happy Programming and God Bless! "Your coding practices might be buggy, but your code is always right." Internet::WWW::CodeProject::bneacetp
-
I want to place an image as a background for a table's cell. However, I don't want to have the image continue to tile when the cell is larger than the image. How would I stop the image from repeating? :confused: Happy Programming and God Bless! "Your coding practices might be buggy, but your code is always right." Internet::WWW::CodeProject::bneacetp
Hi, Use background-repeat CSS style property. "repeat" Default. Image is repeated horizontally and vertically. "no-repeat" Image is not repeated. "repeat-x" Image is repeated horizontally. "repeat-y" Image is repeated vertically. To make it easier, use the background composite property, e.g.
<td width='100' style='background:url(images/xyzxyz.gif) no-repeat top left'>Hello</td>
This way we've set background-image, background-repeat, background-position all in one go Hope this helps, Andy
-
Hi, Use background-repeat CSS style property. "repeat" Default. Image is repeated horizontally and vertically. "no-repeat" Image is not repeated. "repeat-x" Image is repeated horizontally. "repeat-y" Image is repeated vertically. To make it easier, use the background composite property, e.g.
<td width='100' style='background:url(images/xyzxyz.gif) no-repeat top left'>Hello</td>
This way we've set background-image, background-repeat, background-position all in one go Hope this helps, Andy