news.Resource
Sponsors
hosted by punkt.de
sourceforge.net
sunsite.dk
05.09.05 23:53 Age: 3 yrs

CSS styled IMGTEXT - It is here!!!

By: ben van 't ende (netcreators)

Finally someone had the guts to finish CSS styled IMGTEXT tHNx Ernesto!!

Ernesto Baschny of Cron-It finished the "css-styled-imgtext" I originally started with Ingmar and was maintained by Andreas Schwarzkopf, but shamelessly never finished by us. It turns out to be an absolut must in TYPO3 and I will lobby to get it into the CORE of TYPO3. This is what Ernesto writes about it:

<blockquote><em>Proof of concept: A working css_styled_imgtext with alt/title fields, support for borders, noRows, multiple columns and multiple rendering engines (DL/UL/DIV/custom). No TABLE tag needed!</em></blockquote>

* All positioning actually work, even above-center, below-center, etc.
* The "border" setting is respected as "just another" CSS class added to the thing. You can then customize the border as you wish in CSS. Default CSS provides a border just like in content (default) (2px black).
* The user can choose how many columns to display! This was the mostannoying thing in the current original css_styled_imgtext. The "floathorizontal" field was removed, and code was added to allow images to wrap in the correct amount of columns.
* The alt and title Attributes for the IMG-tag actually work as you expect them to: "alt" is always added, even if the value is empty. "title" is just added if something is entered for this picture in the "title" field.
* The "noRows" attribute is respected. You might see this working at www.typo3-anbieter.de/de/csi/more/ with example pictures have sent to the content-rendering list some time ago, while saying it's "impossible" to do that automatically. Well, as you might see, it does work! :)
* Intext-Nowrap actually works also on Firefox. This is when the images column is left "alone", and the text doesn't wrap around it.

On my own testbed I used before to check out progress of the extension I have now implemented Ernesto's IMGTEXT and her you can check that out:
ben.vantende.net/css/imgtextcss/