---
title: "Wie benutze ich imgTagStdWrap.wrap"
url: "https://www.typo3.net/d/31119-wie-benutze-ich-imgtagstdwrapwrap"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","Inhaltselemente"]
created: "2005-10-03"
last_reply: "2005-10-04"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Wie benutze ich imgTagStdWrap.wrap

TYPO3 › TypoScript · 2 Antworten · gestartet 2005-10-03

## Eröffnungsbeitrag

**KOmaSHOOTER** · 2005-10-03 · [Beitrag #1](https://www.typo3.net/d/31119-wie-benutze-ich-imgtagstdwrapwrap/1)

Ich will den Bildern einen eigenen Div tag geben mit der Klasse extraX. Die Bilder sollen in den Div Tag eingeschlossen sein

```typoscript
tt_content.stdWrap.innerWrap.cObject.default = TEXT
tt_content.stdWrap.innerWrap.cObject.default.value =<div class="csc-frame">|</div>


tt_content.textpic.20.maxW = 350
tt_content.textpic.20.defaultW = 350
tt_content.textpic.20.borderThick = 
tt_content.textpic.20.spaceBelowAbove = 0

temp.pkk.imageconf = CASE 
temp.pkk.imageconf{ 
  key.field = imageorient 
  default < tt_content.textpic.20
  25 < tt_content.textpic.20
  25 {
    maxW = 190 
    maxW =  190
    defaultW = 190
    defaultWInText = 190
    maxWInText = 190
    #addClasses = extra-right
    #imgTagStdWrap.wrap =  <div class="extraX">|</div>
    #image.wrap =  <div class="extraX">|</div>
    #stdWrap.wrap =  <div class="extraX">|</div>
    rendering {
dl {
      imgTagStdWrap.wrap =  <div class="extraX">|</div>
    }
   }
    text.wrap = <div class="extra-left">|</div>
  }
  26 < tt_content.textpic.20
  26 {
   maxW = 350
   defaultW = 350
   defaultWInText = 350
   maxWInText = 350
    text.wrap = <div class="extra-right">|</div>
  }
}

tt_content.textpic.20 < temp.pkk.imageconf
temp.pkk.imageconf >
```

der Befehl
rendering {
dl {
      imgTagStdWrap.wrap =  <div class="extraX">|</div>
    }
   }

funktioniert nicht   :(

das Beispiel aus der Dokumentation hat auch nicht funktioniert
<http://typo3.org/documentation/document-library/cron_cssstyledimgtext/USER_render_textpic>

```typoscript
tt_content.textpic.20.rendering {
  dl {
      imageRowStdWrap.wrap = <div class="csi-imagerow" style="width:{register:rowwidth}px;"> | </div>
      imageRowStdWrap.insertData = 1
      noRowsStdWrap.wrap =
      oneImageStdWrap.wrap = <dl class="csi-image" style="width:{register:imagewidth}px;"> | </dl>
      oneImageStdWrap.insertData = 1
      imgTagStdWrap.wrap = <dt> | </dt>
      editIconsStdWrap.wrap = <dd> | </dd>
      captionStdWrap.wrap = <dd class="csi-caption"> | </dd>
  }
  # Now we add another rendering method:
  dl-nospace < .dl
  dl-nospace.addClasses = csi-textpic-dl-nospace
}
```

## Antworten

### [#2](https://www.typo3.net/d/31119-wie-benutze-ich-imgtagstdwrapwrap/2) · laptop24 · 2005-10-04

Wenn Das Bild in ein DIV eingebunden werden soll, dann packe den "wrap" auch  z.B. um "temp.pkk.imageconf". Also

```typoscript
temp.pkk.imageconf.wrap = <div class="extraX">|</div>
```

Ansonsten erzeugst Du ein IMG Tag mit einem DIV-Tag drin. (z.B. <IMG <div class="extraX"></div> src="..." />). Das soll's ja sicher nicht sein.

### [#3](https://www.typo3.net/d/31119-wie-benutze-ich-imgtagstdwrapwrap/3) · KOmaSHOOTER · 2005-10-04

Ups ich hatte vergessen das Template cron_cssstyledimgtext unter "Include static (from extensions)" einzubinden.
Dann kann es sowieso nicht funktionieren  #angry#

Zur zeit wird der div mit der Klasse extraX um jeden IMG tag gelegt.

Eigentlich will ich aber den wrap um alle Bilder legen.

```html
<div class="csi-textpic csi-intext-left-nowrap"><div class="csi-imagewrap" style="width:360px;"><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/fb342780b7.jpg" width="350" height="175" border="0" alt="" title="" /></div><dd class="csi-caption"><p class="csc-caption">Suspendisse arcu nibh, molestie in, adipiscing in, dictum sed, neque.</p></dd></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/be53e116a2.jpg" width="350" height="175" border="0" alt="" title="" /></div></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/3a0fe33187.jpg" width="350" height="263" border="0" alt="" title="" /></div></dl><dl class="csi-image" style="width:350px;"><div class="extraX"><img src="typo3temp/pics/f7e0f52665.jpg" width="350" height="263" border="0" alt="" title="" /></div></dl></div></div>
```

```typoscript
tt_content.stdWrap.innerWrap.cObject.default = TEXT
tt_content.stdWrap.innerWrap.cObject.default.value =<div class="csc-frame">|</div>


tt_content.textpic.20.maxW = 350
tt_content.textpic.20.defaultW = 350
tt_content.textpic.20.borderThick = 
tt_content.textpic.20.spaceBelowAbove = 0

tt_content.textpic.20.rendering {
  dl{
      #imageRowStdWrap.wrap = <div class="csi-imagerow" style="width:{register:rowwidth}px;"> | </div>
      #imageRowStdWrap.insertData = 1
      #noRowsStdWrap.wrap =
      #oneImageStdWrap.wrap = <dl class="csi-image" style="width:{register:imagewidth}px;"> | </dl>
      #oneImageStdWrap.insertData = 1
      #imgTagStdWrap.wrap = <dt> | </dt>
      imgTagStdWrap.wrap = <div class="extraX">|</div>
      #editIconsStdWrap.wrap = <dd> | </dd>
      #captionStdWrap.wrap = <dd class="csi-caption"> | </dd>
  }
  # Now we add another rendering method:
  dl-nospace < .dl
  dl-nospace.addClasses = csi-textpic-dl-nospace
}





temp.pkk.imageconf = CASE 
temp.pkk.imageconf{ 
  key.field = imageorient 
  default < tt_content.textpic.20
  25 < tt_content.textpic.20
  25 {
    maxW = 190 
    maxW =  190
    defaultW = 190
    defaultWInText = 190
    maxWInText = 190
    #addClasses = extra-right
    #imgTagStdWrap.wrap =  <div class="extraX">|</div>
    #image.wrap =  <div class="extraX">|</div>
    #stdWrap.wrap =  <div class="extraX">|</div>
    text.wrap = <div class="extra-left">|</div>

   }
      
  26 < tt_content.textpic.20
  26 {
   maxW = 350
   defaultW = 350
   defaultWInText = 350
   maxWInText = 350
    text.wrap = <div class="extra-right">|</div>
  }
}

tt_content.textpic.20 < temp.pkk.imageconf
temp.pkk.imageconf >
```

---

Quelle: „Wie benutze ich imgTagStdWrap.wrap“, typo3.net, https://www.typo3.net/d/31119-wie-benutze-ich-imgtagstdwrapwrap
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.