[Shad]

Hey Leute,
ich steh grad vor einem kleinen Problem.
Ich hab eine Tabelle wo links immer ein kleines Bild ist und rechts dazu die Erklärung.
Mein Problem ist jetzt, wenn die erklärung 2 Zeilen groß ist packt er die 2. Zeile nicht neben das Bild sondern darunter.
Wie schaff ich es denn das der beide Zeilen rechts von dem Bild verteilt?
Bisher hab ichs einfach mit nem align="middle" im img Tag gelöst.
Gibst da etwas ähnlich einfaches das aber funktioniert oder muss ich da jetzt zich Tabellen in die Tabelle machen?



[edit by choise]
Verschoben von Programmierung nach Allgemeines - Nonprint.

[mode93]

so sollte es gehen, wenn ich dich richtig verstanden habe.

[Shad]

Ich habs jetzt doch komplizierter gelöst.
Funktioniert auch aber sieht nicht so sauber aus wie ichs gern hätte.
Hab jetzt link ne Spalte mit den Bildern, rechts daneben die Spalte mit den dazugehörigen Beschreibungen.
Vor den Beschreibungen sind 1px breite, durchsichtige Bilder an denen der Text per align="middle" zentriert ist.
Und für mehrere Zeilen hab ich einfach untereinander mehr von diesen durchsichtigen Bildern die dann natürlich halb so hoch sind wie die einzeiligen.

[vzczcobs]

Mit css "floaten" lassen sollte einfacher gehen, als alles in Tabellen zu bauen. Zur Not kommt das Bild mit dem Text in ein TD, dann dem Bild eine Klasse zuweisen, die alles "floatet", dann sollten alle Zeilen, die nicht "über die Bildhöhe" hinausgehen, neben dem Bild stehen.

[Shad]

Ah cool da werd ich mich doch gleich mal richtig nach erkundigen.
Danke

Edit: Klappt soweit wunderbar. Aber irgendwie krieg ichs einfach nicht hin das er den Text nicht an der Bildoberkante ausrichtet sondern zentriert. Auf die ganzen vertical-align usw reagiert der garnicht.

[mode93]

mach es doch so wie ich es dir oben beschrieben habe.
oder nimm 3 spalten und lass die in der mitte frei.

links bilder, rechts text, fertig

[Shad]

Dann packt er den Text aber auch nicht mittig des Bildes.
Und das sind verdammt viele Bilder, kann also nich ne Zeile pro Artikel machen.

[mode93]

aha, ich dacht du willst den text immer oberkannte bild haben.
dann nimmst du das : valign="top" weg.

dann steht der text immer in der mitte.