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:
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:
<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:
.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
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
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?