LIST Ansicht horizontal ohne CSS?

Hallo Forum

ich hab auf meiner Seite 6 verschiedene Seiten mit angezeigten News. Manchmal doppelt, versch. Kategorien, jedesmal ein anderes Template.....klappt alles prima.

Bis auf die vertikale Darstellung der List Ansicht. Hab hier diverse Hints gefunden, aber die einzige Lösung die ich finde ich ist ein float:left über div-Tags. (von just2b) zum Beispiel.

Mein Template für die List Ansicht sieht so aus:
Überschrift mit Foto drunter und feddich:

<!-- ###TEMPLATE_LIST### begin -->
<!-- ###CONTENT### begin -->
<table width="200" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td> 
      <!-- ###NEWS### begin -->
      <!--###LINK_ITEM###-->
      ###NEWS_TITLE### 
      <!--###LINK_ITEM###--><br>
      <!--###LINK_ITEM###-->
      ###NEWS_IMAGE### 
      <!--###LINK_ITEM###-->
      <!-- ###NEWS### end-->
	  <!-- ###CONTENT### end -->
    </td>
  </tr>
</table>

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

Wenn ich jetzt über den DIV Tag nach links floate, erscheinen die Fotos trotzdem untereinander, zwar etwas nach rechts versetzt, aber untereinander und nicht nebeneinander.

Ich bin mir nicht sicher, wie der DIV Tag das Tabellenfeld umschließen muss, damit es nebeneinander dargestellt wird.
Hab eigentlich alle Möglichkeiten durch:

<!-- ###TEMPLATE_LIST### begin -->
<!-- ###CONTENT### begin -->
<table width="200" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td div style="border: 1px solid black;margin:2px; padding:5px; float:left;">
 
      <!-- ###NEWS### begin -->
      <!--###LINK_ITEM###-->
      ###NEWS_TITLE### 
      <!--###LINK_ITEM###--><br>
      <!--###LINK_ITEM###-->
      ###NEWS_IMAGE### 
      <!--###LINK_ITEM###-->
      <!-- ###NEWS### end-->
	  <!-- ###CONTENT### end -->
    </div></td>
  </tr>
</table>

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

und auch andere Variationen. Bin auch nicht der Style Sheet Experte und die Zeit wird zu knapp für lange Experimente. Ich will das auch nicht unbedingt über CSS lösen.

Hat das Problem jemand lösen können bislang?

p.s. auch ohne Tabelle, also zeilenorintiert, macht der float.left Tag nicht das was er soll. Es wird alles schräg untereinander dargestellt. Vielleicht seh ich den Wald vor lauter Bäumen nicht mehr.

bloedbiber schrieb

<td div style="border: 1px solid black;margin:2px; padding:5px; float:left;">

Bitte was ist das für ein Konstrukt? 😃
Du hast ein neues Tag <td div> generiert. Das kannte ich noch gar nicht.

Nein im Ernst: Du darfst das Tag nicht auseinanderreißen.
Du kannst innerhalb eines td-Tags ein Div-Tag plazieren, z.B. so:
<td><div>... Dein Inhalt ...</div></td>

Div um Tabellen oder um Tabellenzellen sind immer ein Problem - und auch syntaktisch gar nicht korrekt.
Du darfst nur innerhalb von td-Tags beliebige Tags benutzen.
->http://de.selfhtml.org/html/referenz/elemente.htm

Was möchtest du eigentlich machen - das ist mir nicht klar.
Jeweils Überschrift mit Foto darunter - alle nebeneinander und wenn kein Platz mehr soll es darunter weitergehen?

In dem Fall schmeiss die komplette Tabelle (mit table,tr und td-Tags) weg und schreibs einfach so (das Div mit der id="newslist" ist lediglich um alles zusammenzuhalten!):

<!-- ###TEMPLATE_LIST### begin -->
<div id="newsList">
<!-- ###CONTENT### begin -->

      <!-- ###NEWS### begin -->
<div style="float:left;">

      <!--###LINK_ITEM###-->
      ###NEWS_TITLE###
      <!--###LINK_ITEM###--><br>

      <!--###LINK_ITEM###-->
      ###NEWS_IMAGE###
      <!--###LINK_ITEM###-->

</div>
      <!-- ###NEWS### end-->

<!-- ###CONTENT### end -->
</div>
<!-- ###TEMPLATE_LIST### end -->

und das könnte noch interessant sein:
http://www.css4you.de

Bitte was ist das für ein Konstrukt?
Du hast ein neues Tag <td div> generiert. Das kannte ich noch gar nicht.

Hehe, ja das ist das Endresultat wenn alles logische nicht funtkioniert hat und das Unlogische somit erfolgreich sein könnte. Normalerweise pack ich keine DIV Tag in den td Tag.....das war ne Verzweiflungstat *lol*

:o

Oh, yes....und wenn ich hier feddich bin hau ich mir endlich mal CSS um die Ohren. Komm mir schon vor die ein Dinosaurier. (ich liebe verschachtelte Tabellen)....

Miwolfram dank dir für die Hilfe. Ich hab die DIV Tags integriert und nun funktioniert auch mit der Waagerechten. 😉