Hallo PatRicc,
dein Problem kannst du so lösen.
Erweitere die Angaben zu deinem Bild so:
HTML-Code:
<td width="332" valign="top">
<img src="powered_by.png" width="165" height="68" hspace="10" style="float:left; margin-right:10px; margin-bottom:5px;"/>
Das ist der Text der rechts neben dem Bild stehen soll. Dieser Text richtet sich an dem Bild aus. Solange Bild "da ist" steht der Text rechts daneben. Nach dem Bildende geht es wieder standard mäßig links weiter.
</td>
Mit style kannst du dem Bild noch Informationen zur Darstellungsweise mitgeben.
float:left; sagt - ich das Bild stehe links, alles andere soll sich rechts neben mir ausrichten. Funktioniert auch mit right, dann die anderen Sachen anpassen!
margin-right:10px; sagt dem Text das er erst 10px rechts vom Bild entfernt anfangen soll.
margin-bottom:5px; hier sind unten zwischen Bild und Text 5px Abstand.
Damit du diese lange Anweisung nicht hinter jedes Bild schreiben mußt, kannst du auch mit klassen arbeiten.
Das sieht dann bei deinem Beispiel so aus:
HTML-Code:
<td width="332" valign="top">
<img src="powered_by.png" width="165" height="68" hspace="10" class="img_left" />
Das ist der Text der rechts neben dem Bild stehen soll. Dieser Text richtet sich an dem Bild aus. Solange Bild "da ist" steht der Text rechts daneben. Nach dem Bildende geht es wieder standard mäßig links weiter.
</td>
Jetzt brauchst du aber im head deiner Seite noch eine Style Definition.
HTML-Code:
<head>
<style type="text/css">
.img_left {
float:left;
margin-right:10px;
margin-bottom:5px;
}
</style>
</head>
Wie du siehst, ist einiges möglich mit Style Anweisungen. Das nennt sich CSS.
Infos darüber bekommst du ne ganze Menge hier.
So na denn viel paß beim basteln...
zulujaner
