Dieter Raber: Bild zentrieren, mit Text drumrum

Hallo Forum,

ich hab ein kleines Problem betreffend der Positionierung von Bildern. Wie zentriert man ein Bild mit CSS so, dass es von Text umflossen ist. Ich benutze bereits zwei Klassen, naemlich

img.left {
  float:left;
  padding: 18px 18px 18px 6px;
}

img.right {
  float:right;
  padding: 18px 6px 18px 18px;
}

und brauche jetzt noch eine entsprechende mittige Loesung.

Vielen Dank

Dieter

  1. Hi,

    ich hab ein kleines Problem betreffend der Positionierung von Bildern. Wie zentriert man ein Bild mit CSS so, dass es von Text umflossen ist. Ich benutze bereits zwei Klassen, naemlich
      float:left;
      float:right;
    und brauche jetzt noch eine entsprechende mittige Loesung.

    also float:center?

    Da gibt es soweit ich weiß keine fertige Lösung.
    Ich halte das aber sowieso für nicht optimal, wenn mitten in der zu lesenden Zeile ein Bild klebt, das macht den Text schlecht-lesbar...

    Einziges, was mir einfällt: zweispaltigen Satz mit Bild in der Mitte:

    +---+----+---+
    |txt|bild|txt|
    |txt|bild|txt|
    |txt+----+txt|
    |txttx||xttxt|
    +-----++-----+

    Dazu das Bild halbieren, die linke Hälfte mit float right ins linke div, die rechte Hälfte mit float left ins rechte div.
    Da ist dann nur noch das Problem, daß der Text STATISCH auf die Spalten verteilt werden muß...

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Hi Andreas,

      also float:center?

      Ich hatte gehoft, sowas wuerde existieren und waere nur meiner Aufmerksamkeit entgangen...

      Mit Deinen Einwaenden hast Du schon recht. Ich lass das wohl einfach bleiben.

      Dieter

      1. Es sei denn, Jan kaeme jetzt noch mit irgentwas kitzligem, zuzutrauen waers ihm ja ;-)

        Dieter