CSS Tabellenumbruch

[Blade II]

HI!

Wie kann ich mit CSS ( oder HTML ) einen automatischen Umbruch der Tabellen erzeugen? Hört sich ein bisschen komisch an, deswegen erkläre ich es mal genauer:

Ich habe eine tabelle mit ganz vielen td-tags drinne, ung. so:

<table>
<tr>
<td>BILD</td>
<td>BILD</td>
<td>BILD</td>
<td>BILD</td>
...
</tr>
</table>

In jedem td-tag ist ein Bild mit ca. 200x200 pixeln.
Wie kann ich nun erzwingen, dass kein horinzontaler scrollbalken ensteht, sondern die td-tags einfach in einer neuen Zeile weitergehen?

[pokepika]

das geht nicht..

td's erzeugen nicht umsonst "Spalten". Wenn du es einfach in die nächste Zeile schiebst, ist es ja nicht mehr richtig..

[Pyramide]

Der Sinn einer Tabelle ist doch, daß der Text eben nicht umgebrochen wird sondern wie vorgegeben neben- bzw. untereinander steht. Wenn du das nicht willst, lass einfach die Tabelle weg.

[Blade II]

ich versuchs mal zu erklären, ich habe mir ein bischen code zusammenkopiert und habe für mich was in php geschrieben.

Das ganze soll die Covers von CD anzeigen und man kann da cd cover eingeben und name der cd. Das ganze wird dann in eine html file gespeichert.

nun sieht das ganze ung. so aus:

<img src="CD-Name/cover.jpg"><br>CD-Name

nun will ich aber, das der cd-name unter dem bild steht.
Aber ich will nicht alles untereinander schreiben, deswegen möchte ich, das die bilder ( covers ) nebeneinander angordnet sind. Aber wenn nun z.b. so viele covers nebeneinander sind soll kein horizontaler scrollbalken angezeigt werden, sondern die covers in der nächsten zeile weitergeführt werden.

Kann man das vielleicht mit div-containern umzetzten, oder doch besser etwas anderes?

[fanrpg]

ganz einfach, einfach nach <img src="was weiss ich.jpg"> ein <br> einfügen das kommt dann automatisch in eine neue Zeile pder ich hab nicht verstanden was du meinst

[Blade II]

das ist klar mit dem <br>

Ich möchte aber, dass die bilder nebeneinander sind und die titel und den bildern.

so soll es aussehen:

[ externes Bild ]

( ist ein bischen klein geraten, kann man aber erkennen )

[QCO]

Dann lass einfach anstatt einer Tabelle divs generieren.

Code: Alles auswählen

<div width="150px">
<img ...><br />
Text
</div>

[Blade II]

habs geschaft

so habe ich es nun geschrieben:

<div style="float:left">
<img src="XXX"><br>
XXX
</div>

THX!