By chianti on
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
OK, this seems to
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.