Zum Inhalt springen

News (3.0.1) Single-View: Problem bei Breite Bildunterschriften

Erstellt am 4. Februar 2010 · 2 Antworten · letzte Antwort am 11. Februar 2010

Tags: tt_news, HTML & CSS, Frage

inu ·

Hallo Leute,

ich habe soeben ein Update der Extension tt_news von 2.5.x auf 3.0.1 durchgeführt. Dabei ist mir auf der Seite http://www.jens-kabisch.eu/356+M592ae3c0a75.html aufgefallen, dass im Browser der dunkelblaue Hintergrund der Bildunterschrift 8 Pixel zu breit (rechts) angezeigt wird. Der dabei gerenderte Quellcode schau wie folgt aus:

<div class="news-single-img"><a rel="lightbox[lb262]" title="(© MDR Nadine Moulid)" href="index.php?eID=tx_nawsecuredl&u=0&file=uploads/pics/normal_Wermsdorf__24_.JPG&t=1265444755&hash=16ad64135dbe74368178bee96708c0b7">
  <img height="160" border="0" width="240" title="" alt="" src="index.php?eID=tx_nawsecuredl&u=0&file=typo3temp/pics/b09dc7159e.jpg&t=1265444755&hash=67825289145aca779e8bb297ab06b360" /></a>
<p style="width: 240px;" class="news-single-imgcaption">(© MDR Nadine Moulid)</p>
</div>

Interessant ist dabei die Zeile 4. Hier wird als Style die Breite des Abschnitts auf 240 Pixel eingestellt. Das scheint soweit ja okay zu sein. Problem ist allerdings, dass ich per CSS folgendes mitgegeben habe:

news-single-imgcaption {
background-color:#1C4C5C;
color:white;
font-size:90%;
padding:2px 4px !important;
}

Da padding auf 4 Pixel (link und rechts) steht, werden diese zusammen 8 Pixel lt. Boxenmodell den 240 Pixel hinzugerechnet. Ergibt Also 240 Pixel. Ich kann das Problem lösen, indem ich padding auf "0" setze. Dann habe ich aber das Problem, das die Schrift links und rechts am Rand klebt.

Gibt es hierfür evtl. eine Lösung?

Nachtrag: Auch in der Listenansicht (http://www.jens-kabisch.eu/354.html) habe ich einen komischen Effekt. Hier werden einige Bilder auf einmal gestaucht. Das Archiv wiederum (http://www.jens-kabisch.eu/357.html) weist dieses Stauchverhalten nicht auf. Sehr merkwürdig!

Viele Grüße
David

inu ·

Das mit dem Stauchen habe ich hinbekommen. ich habe lediglich von LATEST auf LIST gewechselt. Ist das vielleicht ein Bug in tt_news?

inu ·

Habe die Lösung selbst gefunden:

Standardmäßig ist folgendes gesetzt:

plugin.tt_news.displaySingle.caption_stdWrap.dataWrap = <p class="news-single-imgcaption" style="width:{TSFE:lastImageInfo|0}px;">|</p>

Da ich aber ein "padding:2 4px" benutze, ist der Wert für width nicht mehr korrekt. Ich habe also das ganze in folgendes abgeändert:

plugin.tt_news.displaySingle.caption_stdWrap.dataWrap = <p class="news-single-imgcaption">|</p>