User 1 l150

This box has a total width of 150px.
The CSS class suffix is -l150.

User 1 l250

This box has a total width of 250px.
The CSS class suffix is -l250.

User 1 Right Module

This module box matches automatical the remaining width.

The left boxes totalizes a width of 400. This right module has the CSS Suffix -r400
Top Module Architecture
Using the new architecture for top modules it is possible to set several module boxes with a fixed width to the left and one module box to the right which matches automatically the remaining width. This is perfect for image placement!

To get an impression click "Top Variations" in the main menu on the left and check out the examples!

How to

The module position for the top modules is "User 1". To set up the alignment of the published modules the CSS Class Suffix is used. Take a look at the following options.
CSS Class Suffixes for the left aligned modules
-l100: 100 Pixel
-l150: 150 Pixel
-l200: 200 Pixel
-l250: 250 Pixel
-l300: 300 Pixel
-l350: 350 Pixel
-l400: 400 Pixel
-l450: 450 Pixel
-l500: 500 Pixel
-l550: 550 Pixel
-l600: 600 Pixel
CSS Class Suffixes for the one right aligned module
-r100: 100 Pixel
-r150: 150 Pixel
-r200: 200 Pixel
-r250: 250 Pixel
-r300: 300 Pixel
-r350: 350 Pixel
-r400: 400 Pixel
-r450: 450 Pixel
-r500: 500 Pixel
-r550: 550 Pixel
-r600: 600 Pixel
You can set several modules to the left. But make sure that the matching right module CSS Class Suffix is the sum of the widths of all left aligned modules.
For example: Put 3 fixed modules to the left with a width of 150px each.
All their CSS class suffixes are set to -l150. The right module must have the CSS class suffix -r450. A little math: 3 * 150px = 450px
For further customizations you can modify the module.css file and extend it with additional left/right module widths.
For only one fluid module at the top use no CSS Class Suffix