Been at this for hours. Arrgggggggggg!!

At the bottom of a content-type I have cck imagefield output forming a little mini-gallery.
It contains between 1 to 6 thumbnail images 100x100px.
They are aligned vertically and left by default.

I need to have them in horizontal alignment *and* everything centred horizontally whether there is one image or six.

The first div has this class: field field-type-filefield field-field-gallery-image
The second div has this class: field-items
And each image is wrapped in either field-item odd or field-item even

I'd be very grateful for any assistance!

Comments

chianti’s picture

OK, this seems to work in Firefox, Chrome and IE9:

div.field-field-gallery-image {
text-align: center;
}

.field-field-gallery-image .field-item {
display: inline-block;
}

Is using text-align very wrong though?
I spent five hours trying to use 'margin 0 auto', and it simply didn't work for me.