Multiple Image Layout Options

TYPO3 provides users with numerous possibilities for laying out images on a page. The back-end interface provides users with easy control over image formats, sizes, widths, groupings, and quality.

6 images in 6 columns

Image 1
Image 2
Image 3
Image 4
Image 5
Image 6

6 images in 3 columns

Image 1
Image 2
Image 3
Image 4
Image 5
Image 6

Fixed height for images with different width-height ratio

Fixed width for images with different width-height ratio

Fixed width and "no rows" flagged

About these pages

The pages in this section of the introduction package demonstrate the various content elements available to editors in the TYPO3 back-end interface, and their appearance in the front-end.

The layout and behavior of these examples are configurable via Typoscript and, of course, CSS.