rainburner: Text nach Grafik

Moin!

Wie kann man eine Grafik und einen Text in die selbe Zeile bringen und so die Grafik "vor" den Text bringen?

Ich hoffe es kann mir jemand helfen.

Danke im vorraus!

  1. Wie kann man eine Grafik und einen Text in die selbe Zeile bringen und so die Grafik "vor" den Text bringen?

    "vor" wie "links daneben"? Mit float.

    "vor" wie "z-index"? Mit z-index und geeigneter Positioniurung.

    1. Wie kann man eine Grafik und einen Text in die selbe Zeile bringen und so die Grafik "vor" den Text bringen?

      "vor" wie "links daneben"? Mit float.

      "vor" wie "z-index"? Mit z-index und geeigneter Positioniurung.

      Die Grafik soll links neben dem Text stehen, sorry wenn ich mich unklar ausgedrückt habe

  2. Hi rainburner,

    Wie kann man eine Grafik und einen Text in die selbe Zeile bringen und so die Grafik "vor" den Text bringen?

    ??

    <p><img src="http://example.net/grafik" alt="Grafik" /> Text</p>

    und die Grafik ist in derselben Zeile vor dem Text.

    Ansonsten bleibt meine Glaskugel trübe, was du meinst. Gernot??!! ;-)

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Genauso meinte ich das.

      Danke Gunnar!

      Geht es auch, dass mehrere Zeilen neben einer Grafik erscheinen?

      Bsp:

      XXXX Text XXXX Text XXXX Text

      1. Geht es auch, dass mehrere Zeilen neben einer Grafik erscheinen?

        Mit FLOAT, das sagte ich doch bereits! (Vor 24 Minuten)

        1. Geht es auch, dass mehrere Zeilen neben einer Grafik erscheinen?

          Mit FLOAT, das sagte ich doch bereits! (Vor 24 Minuten)

          Sorry ich bin der totale html noob und weiss nicht was das ist

          1. Ahoi rainburner,

            Sorry ich bin der totale html noob und weiss nicht was das ist

            aber eine suche kannst du bedienen? sowohl die SELF-suche als auch google?
            http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

            MfG

            1. Danke das habe ich gerade auch gefunden

          2. Mit FLOAT, das sagte ich doch bereits! (Vor 24 Minuten)

            Sorry ich bin der totale html noob und weiss nicht was das ist

            Das ist was anderes :-)

            "float" ist eine CSS-Eigenschaft.

            Wühl Dich mal ein bisschen durch SelfHTML durch, wenn Du wirklich so wenig Ahnung hast, wie Du sagst.

            Prinzipiell KANN das so aussehen:

            <img src="..." alt="..." style="float:left;" />
            <p>Text Text Text</p>

            Besser wäre es aber, CSS in einem externen Stylesheet zu notieren, aber das übersteigt jetzt die Frage um einiges. Aber wenn Du in die Richtung mehr machen willst, solltest Du Dir solide HTML-Grundkenntnisse zulegen, auf Semantik achten, CSS fürs Layout benutzen und Inhalt und Layout voneinander trennen.

            Das sind jetzt mal einige Stichworte, die Dir in Zukunft helfen könnten. FÜr heute reicht wahrscheinlich das Beispiel oben. Aber um solche wiederkehrenden Fragen in Zukunft zu vermeiden, solltest Du HTML/CSS lernen.

            Gruß,
            -Efchen

          3. Sorry ich bin der totale html noob und weiss nicht was das ist

            rainburner,
            Du weißt nicht, was HTML ist? Oder du weißt nicht, was ein N00b ist?

            Woher weißt du, dass du ein HTML-N00b bist?
            (*ums-Feuer-spring* „Das hat dir der Teufel gesagt!“)

            SCNR.

            Live long and prosper,
            Gunnar

            --
            „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)