---
title: "Image List mit Definition List"
url: "https://www.typo3.net/d/85941-image-list-mit-definition-list"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","tt_news"]
created: "2009-01-19"
last_reply: "2009-01-21"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Image List mit Definition List

Extensions · 1 Antwort · gestartet 2009-01-19

## Eröffnungsbeitrag

**mcnesium** · 2009-01-19 · [Beitrag #1](https://www.typo3.net/d/85941-image-list-mit-definition-list/1)

würde gerne die zu einem newseintrag beigefügten bilder mit bildunterschriften nebeneinander platzieren.

da das ganze auch noch valide und möglichst semantisch korrekt sein soll, hab ich folgendes gemacht:

```typoscript
plugin.tt_news {
	displayList {
		imageWrapIfAny = <dl>|</dl>
		image {
			wrap = <dt>|</dt>
		}
		caption_stdWrap {
			wrap = <dd>|</dd>
		}
	}
}
```

jetzt hab ich also eine definition list mit mehreren terms und definitions darunter:

```html
<dl>
<dt><img src="typo3temp/pics/e220a56d13.jpg" alt="" /></dt>
<dd>Beschreibung</dd>
<dt><img src="typo3temp/pics/e220a56d13.jpg" alt="" /></dt>
<dd>Beschreibung</dd>
<dt><img src="typo3temp/pics/e220a56d13.jpg" alt="" /></dt>
<dd>Beschreibung</dd>
<dt><img src="typo3temp/pics/e220a56d13.jpg" alt="" /></dt>
<dd>Beschreibung</dd>
</dl>
```

das problem ist, dass die beschreibung immer unter dem zugehörigen bild stehen soll, also habe ich folgendes per css gebaut:

```html
.news-images dl { overflow: hidden; }
.news-images dt { width: 33%; float: left; }
.news-images dd {
	display: block; 
	width: 33%;
	float: left;
	margin-left: -33%;
	margin-top: 9em;
}
```

das ganze funktioniert solange gut wie ich nur höchstens drei bilder hab. danach brichts um, soll es ja auch, aber es sieht in safari 3, opera 9 und ie 7 so aus:
[Bild: bilderupload.de/…/2,358,05DT3AT.png](http://www.bilderupload.de/bild.php/358,05DT3AT.png)
also das vierte bild hängt an der etwas längeren beschreibung des ersten textes, anstatt darunter ganz an den anfang zu gehen.
und im firefox 3:
[Bild: bilderupload.de/…/2,359,06301GL.png](http://www.bilderupload.de/bild.php/359,06301GL.png)
hier wird die beschreibung vom vierten bild komplett überdeckt.

das problem ist, dass ich nicht sauber zwei einzelne paare bild+beschreibung kapseln kann. wenn ich imageWrapIfAny weglasse und dafür vor dem <dl><dt> und </dd></dl> ins typoscript schreibe, wirds dann unvalide, wenn das hochgeladene bild auf einmal nicht mehr da ist. dann wird nämlich der image-TS-teil gar nicht ausgeführt sondern nur caption_stdWrap und schon fehlt dort ein <dl>.

habt ihr eine idee was ich da machen kann? gibt es sowas wie wrapImageAndCaption?

## Antworten

### [#2](https://www.typo3.net/d/85941-image-list-mit-definition-list/2) · mcnesium · 2009-01-21

niemand ne idee?

---

Quelle: „Image List mit Definition List“, typo3.net, https://www.typo3.net/d/85941-image-list-mit-definition-list
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.