---
title: "Single, Image + Caption"
url: "https://www.typo3.net/d/60813-single-image-caption"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2007-04-11"
last_reply: "2008-03-28"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Single, Image + Caption

Extensions · 5 Antworten · gestartet 2007-04-11

## Eröffnungsbeitrag

**toschntuach** · 2007-04-11 · [Beitrag #1](https://www.typo3.net/d/60813-single-image-caption/1)

Hallo Forum!

Ich habe eine Single-Seite, auf der Images gefloatet werden... Leider funktioniert das nicht so ganz, wenn jedes Bild eine Bildbeschriftung erhält...

Aus diesem Grund will ich nun ein div um das Bild+Caption machen, um dieses div zu floaten... Geht sowas??

Also ich brauche: div - a - img - /a - imgcaption - /div

Danke schon mal,
Roman

## Antworten

### [#2](https://www.typo3.net/d/60813-single-image-caption/2) · eliafranke · 2007-04-16

Moin,

guck dir doch mal das TS von tt_news an:

```typoscript
  displaySingle {
    age_stdWrap.age = 1
    textNewsAge_stdWrap.wrap =
    date_stdWrap.strftime= %d.%m.%y
    time_stdWrap.strftime= %H:%M
    title_stdWrap.wrap =
    subheader_stdWrap.wrap = <h3>|</h3>
    subheader_stdWrap.trim=1
    subheader_stdWrap.required=1
    author_stdWrap.typolink.parameter.field = author_email
    author_stdWrap.wrap = <p class="news-single-author">|</p>
	
    addInfo_stdWrap.wrap = <div class="news-single-additional-info"> | </div>

    links_stdWrap.wrap = <dl class="news-single-links">|</dl>
    linksHeader_stdWrap.wrap = <dt>|</dt>
    linksItem_stdWrap.wrap = <dd>|</dd>

    
    imageCount=4
    imgAltTextField = imagecaption
    imageWrapIfAny = <div class="news-single-img"> | </div>

    category_stdWrap.wrap = <div class="news-single-category"> | </div>
    email_stdWrap.setContentToCurrent = 1
    email_stdWrap.typolink.parameter.current = 1
    caption_stdWrap.wrap = <p class="news-single-imgcaption"> | </p>
    caption_stdWrap.trim=1
    # caption_stdWrap.required=1
  
  }
  displaySingle.image {
    file.maxW = {$plugin.tt_news.singleMaxW}
    file.maxH = {$plugin.tt_news.singleMaxH}
    wrap = 
    imageLinkWrap = 1
    imageLinkWrap {
      enable = 1
      bodyTag = <body bgColor="#ffffff">
      wrap = <a href="javascript:close();"> | </a>
      width = 500m
      height = 500
      JSwindow = 1
      JSwindow.newWindow = 1
      JSwindow.expand = 17,20
    }

  }
```

Interessant dabei ist das wrap. Ich kanns im Moment leider nicht testen.
Hoffe das bringt dich weiter! :)

LG Elia

### [#3](https://www.typo3.net/d/60813-single-image-caption/3) · toschntuach · 2007-04-16

Leider nein! Soweit war ich nämlich auch schon... Allerdings hab ich nur das wrap für das Bild allein gefunden... Ich habs nicht geschafft ein Element um das Bild + Caption zu bilden...

Hm... Hast du eine Idee??

### [#4](https://www.typo3.net/d/60813-single-image-caption/4) · no_idea · 2007-10-27

hey toschntuach,

ich habe gerade das gleiche Problem.
Hast du mittlerweile eine Lösung gefunden?

Wäre wirklich dankbar,
bin grad am verzweifeln  #angry#

Danke und Grüße

### [#5](https://www.typo3.net/d/60813-single-image-caption/5) · toschntuach · 2007-10-27

Nein, leider... Ich weiß aber auch nicht mehr, was ich gemacht hab... Ich glaub, ich hab eine eigene Bildergalerie eingesetzt oder so...

Viel Erfolg,
Roman

### [#6](https://www.typo3.net/d/60813-single-image-caption/6) · toschntuach · 2008-03-28

Tja, jetzt nach 2 Jahren sich-davor-drücken endlich mal ans Werk gemacht und eine Lösung für das Problem gefunden:

```typoscript
plugin.tt_news.displaySingle {
  image.wrap = <div class="news-img-container"> |
  caption_stdWrap.wrap = <p class="news-single-imgcaption"> | </p></div>
}
```

ins Setup... Damit wird ein div class="news-img-container" um das img und die caption gewrapt, das nun endlich gefloatet werden kann... Jipie...  #giggle#

Ich wünsch allen viel Spaß, die auch irgendwann mal an diesem Problem gescheitert sind...  8-)

LG,
Roman

---

Quelle: „Single, Image + Caption“, typo3.net, https://www.typo3.net/d/60813-single-image-caption
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.