(2013-11-22, 05:44:25)stryker Wrote: Thankyou for you suggestion Martin. This code only seems to work if I want to have one thumbnail displayed per row. The problem I have is to be able to center the whole row of thumbnails (could be 2,3 or 4 per row) within a 100% container div.
The only way to center multiple objects is by treating them as inline text, e.g. (assuming a div with id "content" surrounds your page content):
Code:
#content div.gallery {
text-align: center;
}
#content div.gallery div.gallery-thumb {
display: inline;
float: none;
padding: 0;
border: 0 none;
}
#content div.gallery div.gallery-thumb a img {
padding: 3px;
border: #C7C7C7 1px solid;
}