Text am Oberenen Rand des Bildes positionieren

[Hyd^]

Hoi,
wie der Titel eigentlich schon sagt, frage ich mich wie Ich einen Text oben ausrichtigen kann. Also klar mit Valign aber ich meine es anders. Hier mal ein kleines Beispiel.

Also klar ich könnte es auch z.B. so machen

<td><img blablabla /></td>
<td>blabasdaslda</td>

Jedoch wenn der Text länger ist als das Bild schiebt er sich ja nicht unters Bild sondern geht Stumpf weiter nach unten. Ich bin mir eigentlich sehr sicher das es mit CSS eine Möglichkeit gibt, jedoch weiß ich nicht wie diese wäre.

Kann mir jemand helfen?..

Danke im vorraus!

 

[_Thor_]

Verzichte auf das Tabellenlayout, dann ist es ganz einfach.

<img src="" alt="" />
<p>Viel Text</p>

img {float: left;}

Der Text fängt neben dem Bild an und umfließt es, wenn er das Ende des Bildes erreicht hat.

 

[Hyd^]

Hey danke dir, klappt 1a.
Bin immer wieder überrascht was Float doch so bringt ;D.

 

[Efchen]

Hauptsache, Du verzichtest auch auf die Layouttabelle und benutzt HTML nur zur logischen Auszeichnung Deines Inhalts!

 

[Hyd^]

Jap ich hab auch nur die Tabelle als Beispiel geschrieben, habs mit div und css gemacht :).

 

[Efchen]

Ist genauso falsch.

Layout macht man nur mit CSS.
Niemals mit nur einem bestimmten HTML-Tag!
Mit HTML zeichnet man den Inhalt logisch aus (Semantik). Das Tag <div> dient nur dazu, mehrere Elemente (idR zwecks gemeinsamer Formatierung) zu gruppieren. Weder das <div> noch <table> oder irgendein anderes Tag wird zum Layouten eingesetzt!