I think you misunderstand.
The tag already calls out for center. The problem is their positioning if more than one image is added. Any more than (1) detailed image simply copies the same characteristics of the first.
Even removing the
tag does not help.
Right now the images stack no matter where I set the align tag. They just stack left, right or center.
image 1
image 2
image 3
etc
I want them to go like this:
image 1 | image 2 | image 3 | etc
Then, when they have ran out of width they will go to the 2nd line.
image 1 | image 2 | image 3
image 4 | etc
So, say your table width is 700 pixels and you have 4 images at 200 pixels wide each. You could not fit 4 in a row because you have exceeded the width by 100 pixels. Thus, the 4th image falls to the next row.
Typical HTML would use the
.image1 .image2 .image3</p> to contain the image tags and break the row, but because the smarty tag does not take into account more than one global callout for image position I have nowhere to insert code to break up the images, or tell them to display horizontally.
That is why I stated that it seems more code needs to be added to compensate for multiple detail images.