Wie bringe ich Bild und Texet in eine Reihe?

[Tors]

Kann mir jemand helfen?
Ich bin anfänger und will gerade meine Homepage bauen. Jetzt habe ich aber ein Problem. Wie schaffe ich es, dass Text und Bild auf einer Reihe miteinander stehen. Hier ein Beispiel wie es bei mir immer aussieht:

Text | Bild
     | Bild
     | Bild
     | Bild
Text
Text
Text

Wie schaffe ich es, dass es so aussieht? Dass Der ganze Text neben dem Bild steht? So:

Text | Bild
Text | Bild
Text | Bild
Text | Bild

Was muss ich machen, damit das geht?

Wie gesagt, bin ziemlicher Anfänger. Wäre nett wenn ihr nicht so viele 'Profi-Fachbegriffe' verwendet :-)

Danke

[webmaster333]

Wie schaffe ich es, dass es so aussieht? Dass Der ganze Text neben dem Bild steht? So:

Text | Bild
Text | Bild
Text | Bild
Text | Bild

<table cellpadding=0 cellspacin=3 border=1>
<tr>
<td>
text
</td>
<td>
<img src="xxxx">
</td>
</tr>
<tr>
<td>
text
</td>
<td>
<img src="xxxx">
</td>
</tr>
</table>

des ganze kann man natürlich unendlich weiterführen

greetz
webmaster333

[Lukas Hänel]

Also entweder mit table oder einfach mit Zeilenumbruch:

text <img> <br>
text <img> <br>
text <img> <br>
text <img>

Ich finde die Lösung mit table allerdings auch besser. Das kommt aber auch drauf an, wie dein Quelltext aussieht.
Wenn du

text <img>
text <img>
text <img>
text <img>

eingegeben hast, müsste eigentlich etwas in der Form

text <img> text <img> text <img> text <img>

herauskommen. Das hängt natürlich mit der Größe von Text und Bildern zusammen und sicherlich gibt es noch einen Zeilenumbruch irgendwo.
Ich weiß jetzt nicht, mit welchem Editor du arbeitest, aber ich finde man sollte immer zu HTMLEdit PHASE 5 raten:

[Mike Roth]

Hi Lukas, Webmaster333

text <img> <br>
text <img> <br>
text <img> <br>
text <img>

Ich bin mir ziemlich sicher, das Tors nur 1 Bild meinte, welches
vom Text "umflossen" wird.

Also mehrer Zeilen Text und daneben 1 Bild.

Gruß
Mike

[Tors]

Ich bin mir ziemlich sicher, das Tors nur 1 Bild meinte, welches
vom Text "umflossen" wird.

Genau, sorry wenn ichs falsch erklärt hab. Ich meinte es so:

Hier steht     | Hier
ein zusammen-  | steht
hängender      | ein
Text neben     | einziges
einem Bild     | Bild

Hoffe das war jetzt klar.
Wie ist denn die beste Methode, wenn die von Webmaster333 veraltet ist?

Ah, ich schau mal da bei CSS nach, aber wäre trotzdem froh wenn ihr mir helft

[Mike Roth]

Hi Tors,

Wie ist denn die beste Methode, wenn die von Webmaster333 veraltet ist?

Ah, ich schau mal da bei CSS nach, aber wäre trotzdem froh wenn ihr mir helft

Sieh dir mal an wie ich es auf meiner HP gelößt habe.
Ist vieleicht nicht der eleganteste Weg, aber es funtzt.

http://home.arcor.de/twins-mom Das ist die HP

http://home.arcor.de/twins-mom/startseite.htm und das ist
die Seite, welche ich meinte.

Gruß
Mike

[Kai Lahmann]

hi

also..

<p><img style="float:right;"/>bla bla</p> so geht's. Vorteil: wenn das Bild zu Ende ist, geht's da _drunter_ weiter - das bieten die Tabellenlösungen nicht.

Grüße aus Bleckede

Kai

[Armin G.]

Tach auch,

Wie schaffe ich es, dass es so aussieht? Dass Der ganze Text neben dem Bild steht? So:

Text | Bild
Text | Bild
Text | Bild
Text | Bild

Ich nehme mal an Du meinst nur ein Bild und mehrere Zeilen Text daneben. Dann such in SelfHTML mal nach "float" (im Bereich CSS), das ist dort sehr gut beschrieben.

Das folgende wuerde ich Dir nicht raten:

<table cellpadding=0 cellspacin=3 border=1>
<tr>
<td>
text
</td>
<td>
<img src="xxxx">
</td>
</tr>
<tr>
<td>
text
</td>
<td>
<img src="xxxx">
</td>
</tr>
</table>

Viel zu umstaendlich und unflexibel. Diese Methode wird auch von sehr vielen Leuten als veraltet angesehen.

des ganze kann man natürlich unendlich weiterführen

Und man kann sich damit sehr viel Arbeit einhandeln wenn mal was umstrukturiert werden soll...

greetz

Neudenglish? SCNR

webmaster333

Wie? Werden die jetzt nummeriert?

Gruss,
Armin

[Sven Rautenberg]

Moin!

Text | Bild
     | Bild
     | Bild
     | Bild
Text
Text
Text

Wie schaffe ich es, dass es so aussieht? Dass Der ganze Text neben dem Bild steht? So:

Text | Bild
Text | Bild
Text | Bild
Text | Bild

Was muss ich machen, damit das geht?

<img align="right" ...> als ganz billige Lösung sollte helfen. Ansonsten hängt eine Lösung stark davon ab, wie du bislang dein Design realisiert hast.

Tabellen, wie von Webmaster333 vorgeschlagen, sind jedenfalls nicht die einzige und auch keinesfalls die beste Lösung für dein Problem. Besser wären der Einsatz von <div>-Layern und Stylesheets.

- Sven Rautenberg