Grafik und Text formatieren

[Jeena Paradies]

Hallo,

<table border="0">
  <tr>
    <td valign="top">
<img src="bild_1.gif" width="150" height="45" align="left">
<img src="bild_2.gif" width="100" height="45" align="left">
Hier steht dann irgendeinen langer Text damit man ganz genau sehen kann wie dieser dann umbricht und ob die 2 Grafiken dann auch wirklich links stehen bleiben wie gewollt!
    </td>
  </tr>
</table>

Ich weiß nicht, aber was soll denn dieser schreckliche Code? wozu diese Tabelle? Wozu das ganze (v)align Zeugs?

Ich mache das immer in etwa so:

CSS
img.fl { float: left; }

HTML

<p>
 <img src="bild1.png" alt="ein Pferd" class="fl" style="width: 100px; height: 50px;" />
 <img src="bild2.png" alt="eine alte Frau" class="fl" style="width: 100px; height: 50px;" />
 Hier steht dann irgendeinen langer Text damit man ganz genau sehen
 kann wie dieser dann umbricht und ob die 2 Grafiken dann auch wirklich
 links stehen bleiben wie gewollt!
</p>

Wobei ich der Meinung dass der Klassenname fl (also float left) mehr als unglücklich gewählt ist. Vielleicht kann mir einen einen Tipp geben, wie man das besser benennen könnte, um designtechnisch auch nach einem Redesign sinnvolle Klassennamen zu haben. fr währe dann das Gegenstück dazu.

Grüße
Jeena Paradies