ben van 't ende: IMGTEXT CSS [intext]

In text - No clearer

: daan solo

The In text "text with image" contentelement is probably the most interesting element to use. At least I had a lot of fun in putting together a page using these elements. Using "intext, right","intext, left" and "intext, right" and manipulating the sizes of the images I was able to get a very nice result. It feels a bit like playing with a lay out program. The beauty of this is that the document follows the flow of the elements. Sometimes you do not want the intext element to be 'flowing' into the next element. The divider content element has no function at the moment, but you can add it with this little TS in your setup:

tt_content.div.value = <div class="csc-textpic-clear"><!-- --></div>

This results in this HTML being inserted after the element.

<div class="csc-textpic-clear"><!-- --></div>

CSS styled content already provides the style for this class

/* Clearer */

DIV.csc-textpic-clear { clear: both; }

For TYPO3 4.1 a checkbox (Clear Float) will be added that will activate this clearer.

So be creative and flow your intext elements and stop the flow by adding a clearer!

The next block of three elements flow nicely into eachother.

...and tHNx JoH for your fancy corners extension. It really comes in handy now ;-)

In text, right [no clearer]

Maecenas a turpis. Sed vehicula egestas nisi. Proin dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Donec nisi velit, porta ut, lobortis ac, convallis ut, dolor. Quisque aliquet urna non eros. Phasellus et nibh. Suspendisse potenti. Donec orci tortor, convallis ac, iaculis non, molestie ac, turpis. Sed quis magna ac magna pulvinar fringilla. Aenean tempus ipsum in elit. Pellentesque dui. Maecenas nisi. Curabitur eget lacus vitae nisl fringilla vestibulum. Nulla eros.

Praesent vitae eros. Nullam id lectus ac ligula lobortis gravida. Donec et ligula. In hac habitasse platea dictumst. Donec suscipit. Sed nunc lacus, consequat ac, egestas eu, congue in, pede. In hac habitasse platea dictumst. Aenean urna risus, interdum vel, convallis ac, porttitor quis, sem. Fusce risus. Integer lacinia. Fusce auctor sem ac pede. Pellentesque rhoncus.

In text, left [no clearer]

: No Sunflower

Laboris nisi ut aliquip ex ea commodo consequat, vel illum dolore eu fugiat nulla pariatur. At vero eos at accusum et iusto odio dignissum qui blandit preasent pupatum delenit. Aigue duos dolor et molestiasa exceptur sint occaecatet cupidtat non povident, simi tempor sunt in culpa qui officia deserunt mollit anim id est laborum et dolor fugai.

In text, right [clearer after]

At vero eos at accusum et iusto odio dignissum qui blandit preasent pupatum delenit. Aigue duos dolor et molestiasa exceptur sint occaecatet cupidtat non povident, simi tempor sunt in culpa qui officia deserunt mollit anim id est laborum et dolor fugai.

In text - Clearer after

The next three examples are the same elements as above but all cleared. Don't you like the flowing examples more?

In text, right [clearer after]

In text, left [clearer after]

: Foto's van Little Axe - Ribs en Blues Festival Raalte

: Sam, Suze, Gijs en Daan bij de waterval in Mariendaal

: Sam, Gijs en Berend bij de waterval in Mariendaal