Zum Inhalt springen

Titel und Untertitel auf eine Linie

Erstellt am 23. März 2010 · 4 Antworten · letzte Antwort am 25. März 2010

Tags: tt_news, HTML & CSS, Frage

allej ·

Guten Abend zusammen

Kompliment an die Gemeinde. Das Forum hat mir schon bei einigen Problemen auf die Sprünge geholfen. Jetzt steh ich aber auf dem Schlauch und komme nicht weiter. Auch mit der Suche habe ich keine Lösung gefunden. Ich bin überzeugt, dass mein Problem für Euch ein "Klacks" ist und nur ein müdes Lächeln hervorruft. :o

Ich möchte in News den Titel und Untertitel auf eine Linie bekommen. Jegliche Versuche die Sache im Template oder CSS hin zu bekommen sind fehlgeschlagen. Ich habe keine Ahung, wie ich dies hinbekomme.
Seit gnädig mit einem Unwissenden und erklärt es einem Anfänger.

Vielen Dank für die Hilfe im voraus.

Gruss allej

Julian.​Hofmann ·

Hallo.

Hm, da kann man jetzt eher orakeln, wo Dein problem liegt, denn eigentlich ist es ein Klacks 😉 Wäre gut, wenn Du vorhandenen Code mal mit postest (relevante Ausschnitte) bzw. HTML-Code, wie es ausssehen sollte.

Ansich hast Du im News-HTML-Template die Marker ###NEWS_TITLE### und ###NEWS_SUBHEADER###. Du müsstest also nur schauen, dass diese entweder im selben Blockelement sind (z.B. <h3>) oder die jeweiligen Blockelemente entsprechend via CSS (float, inline) sich nicht breitmachen.

Viele Grüße
Julian

allej ·

Guten Abend

Julian da stimmt ich Dir zu. Waren etwas wenig Informationen.

<!-- ###TEMPLATE_LIST### -->
<div class="news-list-container">
   <!-- ###CONTENT### -->
      <!-- ###NEWS###	-->
         <h5><span class="news-list-date">###NEWS_DATE###</span>&nbsp;-&nbsp;###NEWS_TITLE### - ###NEWS_SUBHEADER###</span>&nbsp;-&nbsp;
         <!--###LINK_ITEM###--><span class="news-list-morelink">###MORE###<!--###LINK_ITEM###--></span></h5>
      <!-- ###NEWS### end-->
   <!-- ###CONTENT###  end -->
   <div class="news-list-browse">###BROWSE_LINKS###</div>
   </div>
<!-- ###TEMPLATE_LIST### end -->
.news-list-container {
   background-color:#fff; }

.news-list-item {
   padding: 3px;
   margin: 0 0 8px 0;
   border: 1px solid #666;
   background-color:#E3E3E3; }
   
.news-list-container h5 {
   padding: 5px 0 5px 5px;	
   margin: 3px 0 3px 0;
   /*background-color: #F0F0F0;*/
   background-color: #F0F0F0;
   border: 1px solid #000; }

.news-list-item IMG {
   margin-bottom:5px;
   margin-right:5px;
   border:1px solid #666;
   float:left; }

.news-list-date,.news-list-morelink,.news-list-category {
   font-weight: normal; }

.news-list-morelink {
   height:14px; }

.news-list-morelink A {
   float: left; }

.news-list-browse {
   text-align: center;
   margin-top: 20px; }

Obschon sich die Marker "NEWS_TITLE" und "NEWS_SUBHEADER" in demselben container und demselben Blockelement befinden werden mir die Einträge wie unten abgebildet angezeigt.
Bild: sowebco.ch/…/screen.jpg

Lass ich mir den Quellcode ausgeben wird mir folgendes angezeigt:

....
....
<div class="news-list-container">
   
         <h5><span class="news-list-date">19.02.2010</span>&nbsp;-&nbsp;s'Dorfglüüt Nr. 68 - <p>Ausgabe vom 19. Februar 2010</p></span>&nbsp;-&nbsp;
         <a href="index.php?id=36&amp;tx_ttnews[tt_news]=1&amp;cHash=5a15a84bb01ca2565a34a98b16b811ba" title="s'Dorfglüüt Nr. 68"><span class="news-list-morelink">[mehr]</a></span></h5>
......
......

Ich habe auch keine Ahnung woher die <p></p> kommen.

Danke für die Hilfe.

Gruss allej

allej ·

Erst Mal vielen Dank für Deine Bemühungen mir zu Helfen. Das habe ich auch schon versucht. Leider kein Erfolg. Ich habe eine erweiterte Template erstellt und im Setup folgendes eingetragen:

plugin.tt_news {
   general_stdWrap >
   displayList {
   subheader_stdWrap.parseFunc.nonTypoTagStdWrap.encapsLines.nonWrappedTag >
   }
}

Es muss direkt mit NEWS_SUBHEADER zusammenhängen. Als Versuch habe den Marker NEWS_SUBHEADER durch NEWS_CONTENT ersetzt. Die Einträge wurden wunschgemäss auf einer Linie dargestellt und die <p> waren im Quelltext nicht mehr vorhanden.

Die "Dinger" bleiben bei mir kleben wie eine schlechte Gewohnheit.