Bild mit Text eingerückt. Wie mache ich das am Besten

[harvey4711]

Hallo Zusammen,
ich würde gerne ein Bild (etwas eingerückt) und daneben Text in mehren Zeilen haben. Wie mache ich das am Besten?



------------- Name
------------- Funktion
---- Bild ---- Telefon 1
------------- Telefon 2
------------- eMail
-------------
-------------

Sollte ungefähr so aussehen, dann aber noch um Wert x eingerückt.

 

[bdt600]

Einfach zwei div's nebeneinander mit float

 

[harvey4711]

Ich habe mir jetzt folgendes zusammen gegoogelt, was aber noch nicht komplett so aussieht wie ich es mir vorgestellt habe.

<div style="float:left; width:100px;">
<img src="../bild.jpg" alt="Name" style="width: 89px; height: 126px;" ></div>
<div> <!-- erster Float -->
<p>Text, der dem eingebetteten Float folgt - hier Name</p>
</div>
<p>Funktion</p> <!-- zweiter Float-->
<p>Telefon</p> <!-- dritter Float -->

<br><br><br>

<div style="float:left; width:160px;">
<p>Geschäftsstelle:</p></div>
<div>
<p>Verein</p>
</div>
<p>Straße</p>
<p>Ort</p>

Was muss ich machen, damit die Straße und Ort unter dem Verein steht. Wieso steht der Verein ca. 2-3 Pixel tiefer als die Geschäftsstelle?

 

[bdt600]

[COLOR=#000080]<div style=[COLOR=#0000FF]"float:left; width:100px;"[/COLOR]>[/COLOR] [COLOR=#800080]<img src=[COLOR=#0000FF]"../bild.jpg"[/COLOR] alt=[COLOR=#0000FF]"Name"[/COLOR] style=[COLOR=#0000FF]"width: 89px; height: 126px;"[/COLOR] >[/COLOR][COLOR=#000080]</div>[/COLOR][COLOR=#000080]
[/COLOR]

[COLOR=#000080]<div style=[COLOR=#0000FF]"float:left; width:160px;"[/COLOR]>[/COLOR][COLOR=#000080]    
  <p>Hier dein erster Text</p>
[/COLOR][COLOR=#000080]   <p>Hier dein zweiter Text</p>[/COLOR][COLOR=#000080]
[/COLOR][COLOR=#000080]   <p>Hier dein dritter Text</p>
</div>
[/COLOR]

 

[harvey4711]

Entschuldigung, ich habe vergessen zu schreiben, dass die Geschäftsstelle linksbündig unter bzw. über dem Bild kommen soll. Hinter der Geschäftsstelle: der erste Text (Verein), darunter jeweils unter dem Verein eine neue Zeile mit Straße und Ort. Das mit dem Bild und daneben den Text funktioniert.

Also so:

Geschäftsstelle: Verein
______________Straße
______________Ort

 

[bdt600]

[COLOR=#000080]<div style=[COLOR=#0000FF]"float:left; width:100px;"[/COLOR]>[/COLOR]
  Geschäftsstelle<br />
  [COLOR=#800080]<img src=[COLOR=#0000FF]"../bild.jpg"[/COLOR] alt=[COLOR=#0000FF]"Name"[/COLOR] style=[COLOR=#0000FF]"width: 89px; height: 126px;"[/COLOR] >[/COLOR][COLOR=#000080]
</div>
[/COLOR][COLOR=#000080]<div style=[COLOR=#0000FF]"float:left; width:160px;"[/COLOR]>
   [/COLOR][COLOR=#000080]<p>Hier dein erster Text</p>
   [/COLOR][COLOR=#000080]<p>Hier dein zweiter Text</p>[/COLOR][COLOR=#000080]
   <p>Hier dein dritter Text</p> 
</div>

[/COLOR]

Ist vom Prinzip her wie das: http://www.css4you.de/wslayout1/ex0009.html
Halt nur mit anderen Größen

 

[harvey4711]

Die Geschäftsstelle oben links ist richtig, rechts daneben Text1 ist richtig, in den zwei nächsten Zeilen mit gleichem Tab Text2 und Text3 ist richtig. Dann soll aber ein Bild kommen und direkt dahinter mit anderem Tab Text4-6. Ich weiß nicht wie ich das dementsprechend ändern muss.