Textwir neben Bild angezeigt

[Besi]

Ich möchte neben einem Bild einen Text Schreiben, welcher mehrere Zeilen hat. Wenn dann eine neue Zeile beginnt, soll der Text gleich eingerückt sein wie am Anfang und nicht unter dem Bild:

So möchte ich es:
[Bild]   Text Text Text
         Hier geht der Text
         weiter.

So nicht:

[Bild]   Text Text Text
Hier geht der Text
weiter.

Ich möchte keine Liste verwenden da das Bild zusätzlich als Link dient.

Danke für eure Hilfe

[Thomas Luethi]

Hallo,

[Bild]   Text Text Text
         Hier geht der Text
         weiter.

In HTML wuerde man das am einfachsten mit einer
"blinden Tabelle" (Layouttabelle) loesen.
Entspricht nicht der "reinen Lehre",
ist aber zuverlaessig und einfach.

<table>
  <tr>
    <td><a href="..."><img src="..." alt="..."></a></td>
    <td>Text Text Text<br>Hier geht der Text<br>weiter.</td>
  </tr>
</table>

In CSS gibt es viele Moeglichkeiten mit
float, position ...
Braucht aber einiges an Wissen sowie viele
Browser zum Testen. Dann vor allem Geduld...

Ich möchte keine Liste verwenden da das Bild zusätzlich als Link dient.

Wie kommst Du ausgerechnet auf eine Liste?

Gruesse,

Thomas

[Besi]

Wie geht es denn mit CSS ich wollte es eigentlich so lösen... Ich habe es so probiert:

<img bla bla> <div style="padding-right:15pt;">
Text text text bla bla
</div>

Aber dann wurde es so angezeigt:

[Bild]
        Text Text
        TExt Text
        Text Text

[stephan]

lies doch bitte mal auf dieser seite unter "css-stylesheets --> css-eigenschaften --> positionierung und anzeige von elementen --> float" nach - da steht alles ganz genau

[Thomas Luethi]

Hallo,

Wie geht es denn mit CSS ich wollte es eigentlich so lösen.

Und warum hast Du dann den Themenbereich HTML gewaehlt?

<div style="padding-right:15pt;">

Die Einheit "pt" ist fuer den Bildschirm schlecht geeignet.
Und mit padding-right bestimmst Du den Innnenabstand
rechts im DIV. Das ist kaum das, was Du willst...

Befasse Dich mit dem Box Modell und margin/border/padding.
http://www.w3.org/TR/REC-CSS2/box.html

Fuer Dein Problem ist wahrscheinlich float _oder_ position
notwendig.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm

DIVs sind selten notwendig.
Man kann auch (fast) alle HTML-Elemente direkt
mit CSS formatieren.

Du koenntest z.B. folgendes versuchen:

<p style="width:50px; float:left;">
 <a href="..."><img src="..." width="50" height="50" alt="..."></a>
</p>

<p style="width:15em; float:left;">
 Text Text Text<br>Hier geht der Text<br>weiter.
</p>

<p style="clear:both;">Text, der wieder linksbuendig anfaengt.</p>

(Alles ungetestet und ohne Gewaehr auf Browser-Kompatibilitaet! ;-)

Gruesse,

Thomas