[TYPO3-german] Re: CSS-Styled-Content und die Bildgrössen

[Sven Thierfelder]

Vielen Dank Tobias,

das hat mir sehr geholfen ...

Gruß
Sven

Tobias Bruns schrieb:
> Hallo Sven,
> 
>> über styles.content.imgtext.maxW = xxx kann ich ja die Bildgrösse super
>> anpassen und das funktioniert aus soweit.
>> Mein Problem ist allerdings, dass das Layout 3 Spalten hat, keine Frames
>> ... alles über CSS, kann ich auch für die einzelnen Spalten eine maximal
>> Bildbreite eingeben?
> 
> Das kannst du mit eine CASE Abfrage nach der Spalten-Position bzw.
> Splatennummer lösen.
> 
> Zuerst mußt du das Bild Objekt (tt_content.image.20) aufsplitten, damit
> du für jede Content-Spalte ein eigenes Objekt hast:
> 
> #------------SCHNIPP------------#
> lib.myimage < tt_content.image.20
> tt_content.image.20 >
> tt_content.image.20 = CASE
> tt_content.image.20 {
>   key.field = colPos
>   1 < lib.myimage
>   default < lib.myimage
>   2 < lib.myimage
>   3 < lib.myimage
> }
> #------------SCHNAPP------------#
> 
> 1= links
> default= normal
> 2= rechts
> 3= rand
> 
> Wenn du jetzt z.B. für die nomale und rechte Spalte unteschiedliche
> Maximalgrößen vergeben möchtest, kannst du dass wie folgt tun:
> 
> #------------SCHNIPP------------#
> ##--Bilder OHNE Text--##
> tt_content.image.20.default.maxW = 577 /* normale Spalte */
> tt_content.image.20.2.maxW = 160 /* rechte Spalte */
> 
> ##--Bilder MIT Text--##
> tt_content.image.20.default.maxWInText = 277 /* normale Spalte */
> tt_content.image.20.2.maxWInText = 73 /* rechte Spalte */
> #------------SCHNAPP------------#
> 
> Danach mußt du noch das Objekt "tt_content.textpic.20" anpassen, weil
> dies auf das oben modifizierte Objekt "tt_content.image.20" zugreift und
> ansonsten nicht mehr eichtig funktionieren würde:
> 
> #------------SCHNIPP------------#
> tt_content.textpic.20 >
> tt_content.textpic.20 = CASE
> tt_content.textpic.20 {
>   key.field = colPos
>   1 < tt_content.image.20.1
>   default < tt_content.image.20.default
>   2 < tt_content.image.20.2
>   3 < tt_content.image.20.3
> 
>   1.text.10 = COA
>   1.text.10 {
>     if.value = 24
>     if.isGreaterThan.field = imageorient
>     10 = < lib.stdheader
>     10.stdWrap.dataWrap = <div class="csc-textpicHeader
> csc-textpicHeader-{field:imageorient}">|</div>
>   }
>   default.text.10 < tt_content.textpic.20.1.text.10
>   2.text.10 < tt_content.textpic.20.1.text.10
>   3.text.10 < tt_content.textpic.20.1.text.10
> 
>   1.text.20 < tt_content.text.20
>   default.text.20 < tt_content.text.20
>   2.text.20 < tt_content.text.20
>   3.text.20 < tt_content.text.20
> 
>   1.text.wrap = <div class="csc-textpic-text"> | </div>
>   default.text.wrap = <div class="csc-textpic-text"> | </div>
>   2.text.wrap = <div class="csc-textpic-text"> | </div>
>   3.text.wrap = <div class="csc-textpic-text"> | </div>
> }
> #------------SCHNAPP------------#
> 
> Das Ganze muß natürlich ins SETUP Feld.
> 
> Gruß,
> Tobias