---
title: "tt_news Horizontal ausrichten"
url: "https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS","tt_news"]
created: "2005-10-27"
last_reply: "2005-10-27"
replies: 8
solved: true
page: 1
pages: 1
lang: "de"
---

# tt_news Horizontal ausrichten

Allgemein · 8 Antworten · gelöst · gestartet 2005-10-27

## Frage

**Unbekannter Benutzer** · 2005-10-27 · [Beitrag #1](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/1)

hallo,

gibt es die möglichkeit die tt_news Inhalte (z.B.LIST)
nebeneineinader statt untereinander anzurichten ?

möchte im ###CONTENT### folgenede Newsanordnung:

**_____
O O O
O O O
O O O
_____

O=news**

Gruss Alex

## Beste Antwort

**just2b** · 2005-10-27 · [Beitrag #4](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/4)

ne es gibt keine funktion horizontal=1, wie denn auch, wenn du dein design auf vertikal ausrichtest, dann bekommst auch vertikal

struktur ca so

<div style="border: 1px solid black;margin:2px; padding:5px; float:left;">
   <div style="text-align:center;">EINZELNE NEWS</div>
</div>

## Antworten

### [#2](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/2) · just2b · 2005-10-27

wirds durch 2x besser=?

### [#3](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/3) · Unbekannter Benutzer · 2005-10-27

danke der Antwort,

Ich glaube das wirkt mir etwas zu kompliziert ;-(

Habe dirkt  das Template LIST per dreamweaver  so angepasst wie ich es brauch, nur das sie halt immer untereinander folgen. gibt es nicht eine einfachere Lösung direkt in diesem LIST-Template ein Befehl einzubauen sich horizontal anzuordnen

### [#4](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/4) · just2b · 2005-10-27 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#5](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/5) · Unbekannter Benutzer · 2005-10-27

Ich nochmal, habe folgenen HTMLCode fürs Template:

```typoscript
      <!-- ###TEMPLATE_LIST### begin-->

<br>
<TABLE width="130" border="0" cellpadding="0" cellspacing="0">
<TR align="left" bgcolor="###GC1###" background="fileadmin/Contentimg/head.jpg">
<TD width="130" height="20" valign="top"> <p><font size="-3">###GW1B### </font><font size="-3"><strong>

 ###NEWS_TITLE###

</strong></font><font size="-3">###GW1E### </font></p>
</TD>
</TR>
<TR>
<TD width="130" align="left" valign="top"> <p>###NEWS_IMAGE###<br>
</p></TD>
</TR>
<TR>
<TD width="130" height="100" align="left" valign="top"><p><font size="-2">###GW1B###</font></p>
<p><font size="-2">###NEWS_SUBHEADER###</font></p>
<p><font size="-2">###GW1E###</font></p>
</TD>
</TR>
</TABLE>

      <!-- ###TEMPLATE_LIST### end -->
```

wohin soll ich nun <div></div> einbauen? bin echt Anfänger was das betrifft!

Danke für Dein Verständnis

### [#6](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/6) · just2b · 2005-10-27

Ich hab schnell das Standard-List-Template genommen und verändert:

<!-- ###TEMPLATE_LIST### begin -->
<div style="border: 1px solid black;margin:2px; padding:5px; float:left;">
	<!-- ###CONTENT### begin -->
		<!-- ###NEWS### begin -->
			 <div><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></div>
		<!-- ###NEWS### end-->
	<!-- ###CONTENT###  end -->
</div>
<!-- ###TEMPLATE_LIST### end -->

### [#7](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/7) · Unbekannter Benutzer · 2005-10-27

so der code sieht nun folgeneder maßen aus nur die inhalte erscheinen dennoch nicht nebeneinander !
javascript:emoticon(':o')

```typoscript
<!-- ###TEMPLATE_LIST### begin
	This is the template for the list of news in the archive or news page or search
-->
<div style="border: 1px solid black;margin:2px; padding:5px; float:left;">
<br>
<TABLE width="152" border="0" cellpadding="0" cellspacing="0">
  <!-- ###CONTENT### begin
		  This is the part of the template substituted with the list of news: 
	-->
  <!-- ###NEWS### begin 
			Template for a single item 
		-->
  <TR align="Center" bgcolor="###GC1###" background="fileadmin/Contentimg/head.jpg"> 
	<TD width="152" height="20" valign="top"> <p><font size="-3">###GW1B### </font><font size="-3"><strong> 
		 <div><!--###LINK_ITEM###-->###NEWS_TITLE### <!--###LINK_ITEM###--></div>
		</strong></font><font size="-3">###GW1E### </font></p>
	  </TD>
  </TR>
  <TR> 
	<TD width="152" align="left" valign="top"> <p>###NEWS_IMAGE###<br>
	  </p></TD>
  </TR>
  <TR> 
	<TD width="152" height="100" align="left" valign="top"><p><font size="-2">###GW1B###</font></p>
	  <p><font size="-2">###NEWS_SUBHEADER###</font></p>
	  <p><font size="-2">###GW1E###</font></p>
	  </TD>
  </TR>
  <!-- ###NEWS### end-->
  <!-- ###CONTENT###  end -->
</TABLE>
 </div>
 <!-- ###TEMPLATE_LIST### end -->
```

### [#8](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/8) · just2b · 2005-10-27

naja das liegt wohl an der tabelle....

hast du den code von mir ausprobiert=? nein?mach mal

### [#9](https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten/9) · Unbekannter Benutzer · 2005-10-27

ja habe mich mit den <div>`s  an deine Vorgabe gehalten!

```typoscript
[b]<div style="border: 1px solid black;margin:2px; padding:5px; float:left;">[/b]

<br>

<TABLE width="152" border="0" cellpadding="0" cellspacing="0">

<TR align="Center" bgcolor="###GC1###" background="fileadmin/Contentimg/head.jpg"> 

<TD width="152" height="20" valign="top"> <p><font size="-3">###GW1B### </font><font 
size="-3"><strong> 

[b]<div>###NEWS_TITLE### </div>[/b]

</strong></font><font size="-3">###GW1E### </font></p>

</TD>

</TR>

<TR> 

<TD width="152" align="left" valign="top"> <p>###NEWS_IMAGE###<br>

</p></TD>

</TR>

<TR> 

<TD width="152" height="100" align="left" valign="top"><p>
<font size="-2">###GW1B###</font></p>

<p><font size="-2">###NEWS_SUBHEADER###</font></p>

<p><font size="-2">###GW1E###</font></p>

</TD>

</TR>

</TABLE>

[b]</div>[/b]

                                           <!-- ###TEMPLATE_LIST### end -->
```

---

Quelle: „tt_news Horizontal ausrichten“, typo3.net, https://www.typo3.net/d/32386-tt-news-horizontal-ausrichten
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.