How to control flow across blocks

Permalink
I have a very basic question. I wanted to create a single row of images across a web page, with paragraphs above and below. I added a content block, loaded my 4 images, and used the edit option to float them left. So far so good, the images are just as I want them. However, for some reason this causes the content block below the images, which just contains text, to also float, such that the text now starts immediately after the last image instead of starting at the line below. You can see the issue here:http://www.behavioralimaging.com/index.php/projects/eye-contact-det...

I couldn't find any controls that would allow me to stop this floating across blocks behavior. I was under the impression that each block in a stack was starting a new line on the page, so I am confused about this behavior. Sorry for such a basic question.

View Replies:
MrKDilkington replied on at Permalink Reply 2 Attachments
MrKDilkington
Hi drwhowho,

The Content block is not best suited for creating images in a row like that.

An alternative is to make a custom layout with four columns to hold the images. Add a Content block above and below it with your text.
http://documentation.concrete5.org/editors/in-page-editing/block-ar...

If you need more control, you can add a custom layout preset.
http://documentation.concrete5.org/developers/designing-for-concret...

Please see attached screenshots.
drwhowho replied on at Permalink Reply
Dear MrKDilkington, Thank you so much for your prompt and helpful reply, it is great to know that I wasn't missing an obvious solution. I did initially try the 4 column layout you suggested (should have mentioned that) but the problem is that the number of icons will vary and in order to fit more of them in I was hoping to float them all left. Do you know an existing block that could do this? Perhaps an image gallery? If I create a custom block containing the formatting I currently have in the content block, how do I prevent the "floating" behavior from continuing down the page? In case it is helpful I want to mention that I am trying to replicate in concrete a page that I previously created here:http://cbi.gatech.edu/eyecontact/.... I realize this must be a very basic problem, I'm so grateful to you for taking the time to help me out.
MrKDilkington replied on at Permalink Reply
MrKDilkington
@drwhowho

It looks like you are using clear both as an approach for this issue.