Button Image Repeat


Is there some sort of ideal size for a button image? Are images set as a background, so that if you make them "less than optimal size" they repeat?

If I use a 16x16 image, I can see one or two pixels of repeat to the right and below of the image.
Paul Tiseo
April 21,
The image span is made 18x18 px so that with 1px border the image area will be 16x16.

If you are using 16x16 images each in a separate file you can add

.aw-item-image {
background-repeat: no-repeat;
background-position: 1px 1px;


.aw-item-image {
width: 16px;
height: 16px;

you can also make each image different size if necessary -

.aw-image-special {
background-image: url(special.gif);
width: 25px;
height: 25px;
Alex (ActiveWidgets)
April 21,

This topic is archived.

See also:

Back to support forum