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

[Tobias Bruns]

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