---
title: "Fromatierung von News-Elementen"
url: "https://www.typo3.net/d/64823-fromatierung-von-news-elementen"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","tt_news"]
created: "2007-07-04"
last_reply: "2007-12-11"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Fromatierung von News-Elementen

Extensions · 5 Antworten · gestartet 2007-07-04

## Eröffnungsbeitrag

**red-trombone** · 2007-07-04 · [Beitrag #1](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/1)

Hallo,

ich würde gerne auf der Startseite 3 Newsbeiträge anzeigen lassen.
Die Extension tt_news habe ich mir dafür schon angeschaut.

Nur wie kann ich die Fromatierung ändern, damit es so aussieht?

<http://feuerwehr-heiligenstadt.de/2.0.html>

Gruß,
Red-trombone

## Antworten

### [#2](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/2) · just2b · 2007-07-04

per css und im template.

einfach ein div um die einzelnen beiträge und mit float:left ausrichten lassen

georg
PS: für tt_news gibt ne eigene forumkategorie

### [#3](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/3) · red-trombone · 2007-07-04

Hi,

danke für den Tipp.
Das heißt ich muss für die Startseite ein eigenes Template machen?
Und da dann schon 3 Div's anlegen und jedesmal das Plugin tt_news einfügen? Wie bekomme ich dann drei verschiedene Beiträge rein?

Hm doof, dass ich hier ins falsche Forum gepostet hab, tut mir leid  :(

Gruß,
Flo

### [#4](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/4) · just2b · 2007-07-04

nö im template von tt_news einfach die divs machen!
schau dir doch bitte einfach mal die ext an und probiers aus

georg

### [#5](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/5) · ManuP · 2007-12-11

Hi Red-Trombone,

hier noch mal der HTML-Code in ordentlicher Schreibweise (nicht so wie im StudiVZ)  #giggle#

```php
<div class="news-latest-container">
 <div class="news-latest-item">
  <strong>Titel 1.</strong><br />
  <p>Text.</p>
 </div>
 <div class="news-latest-item">
  <strong>Titel 2.</strong><br />
  <p>Text.</p>
 </div>
 <div class="news-latest-item">
  <strong>Titel 3.</strong><br />
  <p>Text.</p>
 </div>
</div>
```

Und die CSS wie folgt:

```php
.news-latest-container {width:600px;}
.news-latest-item {width:200px; float:left; clear:right;}
```

Wie gesagt einfach mal die Vorlage tt_news_v2_template.html aus dem tt_news/pi/-Ordner in den fileadmin-Ordner lade und dort den Code reinpacken.

Und dann entweder im TS per

```typoscript
plugin.tt_news {
  templateFile = layout/news_template.html
}
```

einbinden oder direkt im Plugin.
Viel Erfolg,

der Manuel

### [#6](https://www.typo3.net/d/64823-fromatierung-von-news-elementen/6) · red-trombone · 2007-12-11

Hallo Manuel,

danke für deine ausführliche Hilfe, ich habs nun mal reinkopiert und bisschen geändert. Nun siehts so aus  o.O :
<http://ff-pfaffenhofen.w9r.de/>

Wie bekomme ich jetzt die dreifachen Einträge weg und das Ganze nebeneinander? Und vor allem wieder schön neben meine Menüleiste?

```php
<!-- ###TEMPLATE_LATEST### begin
	This is the template for the latest news, typically displayed on a frontpage 
-->
<div class="news-latest-container">
	<h2>###LATEST_HEADER###</h2>
	<!-- ###CONTENT### begin
		  This is the part of the template substituted with the list of news: 
	-->
		<!-- ###NEWS### begin 
			Template for a single item 
		-->
			  <div class="news-latest-container">
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
                <div class="news-latest-item">###NEWS_TITLE###
                  <p>Text.</p>
 </div>
 
		<!-- ###NEWS### end-->		
	<!-- ###CONTENT###  end -->
<div class="news-latest-gotoarchive"><!--###LINK_ARCHIVE###-->###GOTOARCHIVE###<!--###LINK_ARCHIVE###--></div>
</div>
<!-- ###TEMPLATE_LATEST### end -->
```

Gruß,
Florian

---

Quelle: „Fromatierung von News-Elementen“, typo3.net, https://www.typo3.net/d/64823-fromatierung-von-news-elementen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.