Peter: Text an Grafik ausrichten

Guten Tag!

Wie kann man einen Text an einem Bild ausrichten? Das soll so aussehen, daß links(bündig) eine Überschrift steht und rechtsbündig eine Grafik. Untere Text- und Bildkante sollen bündig sein.

Vielen Dank für Ihre Aufmerksamkeit!

  1. float:left;

    www.css4you.de/float.html

    MfG, matibaski

    1. Vielen Dank für Ihre Antwort.

      Es war mir allerdings schon klar, daß ich die Überschrift inline formatieren muß. Wenn ich das Bild mit float: right rechtsbündig setze, funktioniert aber vertical-align nicht mehr.

      Können Sie mir kurz eine Code nennen, wie das funktioniert? Das wäre sehr nett!

      1. Hat keiner eine Idee?

        Was (allerdings umständlich) geht, ist, eine Containerbox zu erstellen und die Überschrift (als Block) mit position:relative der Grafik nachfolgen zu lassen und anschließend mit negativem top nach oben zu verschieben.

        Allerding wird so die Containerbox größer als nötig. Gibt es da keine bessere Lösung?

        1. Probier's mal etwa so:

          <h1 style="display:inline; float:left; margin-top:130px; padding:0;">Text</h1>
          <p style="text-align:right;"><img src="***" alt="" height="160" width="140" border="0"></p>

          Best wishes, imho_tep

          1. Probier's mal etwa so:

            <h1 style="display:inline; float:left; margin-top:130px; padding:0;">Text</h1>
            <p style="text-align:right;"><img src="***" alt="" height="160" width="140" border="0"></p>

            Best wishes, imho_tep

            Das geht leider nur, wenn zuvor bekannt ist, wie hoch die Grafik ist.

            Gibt es keine Lösung, die unabhängig von der Höhe eines Bildes funktioniert?