[TYPO3-german] nochmal tt_news

[Peter Linzenkirchner]

Hallo Steffen, 

die meisten Probleme liegen hier gar nicht an TYPO3 oder tt_news sondern am CSS. Du verstehst nicht, wie sich floating und clearing verhalten :-)

> Ich habe das Template von tt_news etwas angepasst - lasse ich dabei das news_image am rechten Rand, ist alles ok. Verschiebe ich es per floating nach links, kümemrt es sich nicht mehr um den unteren Containerrand. Als ob das nicht genug wäre, orientiert sich auch noch das Bild der nächsten News an dem von oben drüber, was unten zusätzlich den Text weiter in die Mitte zieht.

<hr class="clearer"> hat im CSS ein clear:right. Das wirkt natürlich nur, wenn das Bild rechts floatet. Mach daraus ein clear:both;

allgemein gesprochen: 
wenn ein Objekt nach rechts floatet, so fließen _alle_ folgenden Objekte nach links oben. Betonung liegt auf _alle_ und zwar bis zum Ende der Seite. Oder eben bis ein Objekt kommt, das ein clear:right(!) enthält. Und wenn das Objekt nach links floatet, dann fließen alle folgenden Objekte nach rechts oben, bis ein Objekt kommt das mit clear:left gestyled wurde. Oder als Abkürzung: clear:both, das wirkt in beide Richtungen. 

also so (zur Einfachheit direkt als style="" geschrieben - besser in der CSS-Datei): 

<div> 
<img src="" style="float:left>
<p>Text fließt nach rechts oben</p>
<hr style="clear:left">
</div>
Alles was jetzt folgt, fließt nicht mehr nach rechts oben. Oder: 
<div> 
<img src="" style="float:left>
<p>Text fließt nach rechts oben</p>
<hr style="clear:both">
</div>


Alternative ohne clear (die tt_news aber nicht verwendet): 
<div style="overflow:hidden"> 
<img src="" style="float:left>
<p>Text fließt nach rechts oben</p>
</div>

Hier besorgt das overflow:hidden (auf dem Eltern-Container!) das Clearing. Das bevorzuge ich in den meisten Fällen, hat aber manchmal Nachteile, weil der Content, wenn er zu groß wird, dann nicht drüber raus ragt, sondern abgeschnitten wird. Ausserdem kann man im Container nicht mehr mit negativen Margins arbeiten. 

http://www.quirksmode.org/css/clearing.html

> Auffällig ist auch, dass beim Ändern der Fenstergröße (kleiner oder größer ziehen des Browsers) das Bild ebenfalls seinen Platz mit ändert. Das lässt sich natürlich mit dem Zusammenstauchen/Auseinanderziehen erklären, aber eigentlich sollte das Bild in JEDEM Fenster an seinem Platz sein *grübel*.

das kann ich nicht nachvollziehen, kann aber gut sein, dass die Ursache die gleiche ist. 
> 
> Dazu kommt Folgendes, was den Content und den Subheader angeht:
> 
> - in der LIST-Ansicht ist kein ###news_content###-Marker zu finden, der Newstext kommt aber; setze ich den Marker dazu, hab ich den Text doppelt (nachvollziehbar, aber wieso kommt ohne Marker überhaupt was ??)
> 
> - Schmeisse ich den SUBHEADER aus dem Template, verschwindet auch der Content...es folgt einmal mehr ein großes "HÄÄÄH ??"

Ja, das ist so: kein Bug sondern ein Feature. 
Per Typoscript ist die Listenansicht von tt_news so eingestellt, dass sie 
- Subheader anzeigt 
- oder falls kein Subheader da ist, content anzeigt, den allerdings auf eine bestimmte Länge kürzt. 
Das musst du im Typoscript von tt_news konfigurieren. Die meisten lassen das, weil das eigentlich ganz praktisch ist. Wie man das ändern kann, musst du in der Doku von tt_news nachschlagen, das weiß ich auch nicht auswendig. 

Irgendwo im Setup von tt_news hast du vermutlich so was drin stehen: 

plugin.tt_news.displayList.subheader_stdWrap {
  crop = 300 | ... | 1
  ifEmpty.field = bodytext
}
Mag sein, dass das hier schon hilft, wenn du es in dein Typoscript-Setup einbaust: 

plugin.tt_news.displayList.subheader_stdWrap.ifEmpty.field >

> Ich dachte erst, Typo3 würde mich mit einer dieser unsäglichen selbsterstellten Kopien nerven,

? Das kann ich nicht nachvollziehen. Selbsterstellte Kopien von TYPO3 kenne ich nicht ... :-)

Gruß
Peter


--
Xing: http://www.xing.com/profile/Peter_Linzenkirchner
Web: http://www.typo3-lisardo.de
Facebook: http://tinyurl.com/lisardo-multimedia