Versions

CSS3_Columns.fwaction (2013-02-06) (Downloaded 156 times)

Contains:

  • CSS3 Columns (item-action) - v. 0.3.1

Compatible: Pro 4, Pro 5, Pro 5.5, and Pro 6

CSS3_Columns.fwaction (2012-09-20) (Downloaded 0 times)

Contains:

  • CSS3 Columns (item-action) - v. 0.3

Compatible: Pro 4, Pro 5, and Pro 5.5

CSS3_Columns.fwaction (2009-03-26) (Downloaded 0 times)

Contains:

  • CSS3 Columns (item-action) - v. 0.2

Compatible: Pro 4 and Pro 5

CSS3_Columns.fwaction (2009-03-26) (Downloaded 0 times)

Contains:

  • CSS3 Columns (item-action) - v. 0.1

Compatible: Pro 4 and Pro 5

Author: Walter Davis

css3

Make multi-column text without any extra elements. Apply this Action to a text box, set the number of columns or the desired column width, the space and divider properties, and see multi-column text in your modern browser. As with all CSS3 goodies, browsers that don’t support these properties will silently ignore them.

One thing to watch out for: if you apply this Action to a text box that has a fixed height and overset text, the extra text will run out of the box to the right, adding multiple columns as it goes. This is because the multi-column layout respects whatever height you may have set for the element it’s applied to, and will prefer that height over the number of columns you may have chosen.

1 Comment

Salve Walter, this action is great an solve a lot of problem thanks. To questions: (1) Is it possible that the column first filled to the maximum level set in the first column from left to right. I have the impression that the columns adapt to each other columns in height. My setting for the css3 column box is fixed% and i tried it with fixed. (2) Is there any way affect the column break in the textflow. So you have in the first column the maximum height, in the second column one breaks individually to fill in and the two remaining columns again to the maximum height.

Sign In or Sign Up to comment.