Ankündigung

Einklappen
Keine Ankündigung bisher.

Textumfluss am Bild

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Textumfluss am Bild

    Hallo!

    Ich versuche gerade ein Bild in einen Textumfluss einzubinden.
    Ich hab gerade nocheinmal gegeoogled aber ich finde folgende CSS Eigenschaft nicht:
    Ein Bild das komplett von Text umgeben ist.
    Es soll möglich sein, das Bild ganz einfach im Fließtext einzufügen, wie z.b.:

    <p>
    <img src="" class="imgFloatM">
    <p>

    .imgFloatM{
    float: ????
    }

    Das Bild soll praktisch an der Stelle bleiben, und der Text nur herumfließen.
    Nicht float left/right, da wäre das Bild praktisch ja links/rechts am Rand.

    Ist das mit CSS überhaupt möglich? Javascript hilft mir leider nicht weiter, das behersche ich (noch) nicht.

    Danke!

  • #2
    http://css-technik.de/css-examples/219_9/
    eins davon?

    Kommentar


    • #3
      Das ist leider nicht genau das was ich meinte
      Hier wurden div Container zur Formatierung genutzt. Diese Möglichkeit kenne ich schon, trotzdem danke!
      Mir geht es eigentlich darum einfach ein Bild per img-Tag einzufügen in einen Textabsatz. Mittig oder frei positionierbar mit umfließenden Text.
      Aber anscheinend ist das mit reinem CSS nicht möglich :\

      Vielleicht noch ein Beispiel:
      Wenn ich in MS Word ein Bild einfüge und als "passend" in den Text einfüge umfließt der Text ja auch das Bild, egal wo ich es hinschiebe.

      Kommentar


      • #4
        gut,
        dann sag mir doch mal, wie du das "passend" machen willst.

        Kommentar


        • #5
          Das ist ja meine frage
          Hier mal ein bild wie es nicht auschauen sollte. Der Text soll quasi nur um das Bild umgebrochen werden.
          Nochmal zurück zu meiner Frage:
          Geht das ohne Divs und NUR mit CSS?


          Kommentar


          • #6
            netter bildchen, danke.

            quellcode kann aber in nem forum auch nicht schaden.
            http://www.bbso.njit.edu/Documentati...mldoc/tcgd.htm

            http://www.ohne-css.gehts-gar.net/0019.php

            Kommentar


            • #7
              ich weiß es wirklich zu schätzen das du mir helfen willst, aber der quellcode ist offensichtlich?!

              Aber bitte:

              PHP-Code:
              <!DOCTYPE html>
              <
              html lang="en">
                  <
              head>
                      <
              meta charset="utf-8" />
                      <
              title>Dummy Site</title>
                  </
              head>
                  <
              body>
                       <
              p>
                           
              er suscipit lobortis Stet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrAt accusam aliquyam diam diam dolore dolores duo eirmod eos eratet nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergrenkasd magna no rebumsanctus sea sed takimata ut vero voluptuaest Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
              Consetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus.
              Lorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam<img src="BspBild.jpg"nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit ametLorem ipsum dolor sit ametconsetetur sadipscing elitrsed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratsed diam voluptuaAt vero eos et accusam et justo duo dolores et ea rebumStet clita kasd gubergrenno sea takimata sanctus est Lorem ipsum dolor sit amet.
              Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
              Ut wisi enim ad minim veniamquis nostrud exerce molestie consequatvel illum dolore eu feugiat nulla facilisis.
              At vero eos et accusam et justo duo dolores et ea rebumStet kasd gubergrenno sea takimat
                       
              </p>
                  </
              body>

              </
              html
              Die von dir geposteten Seiten hatte ich auch schon gefunden. Deswegen liegt meine Vermutung auch darin, das es noch keinen solche CSS Eigenschaft gibt.

              Kommentar


              • #8
                ich seh keine einzige css definition in dem code.

                Kommentar


                • #9
                  Die suche ich ja!!! Wie ich oben geschrieben habe, suche ich die CSS Eigenschaft um das Bild im Textumfluss darzustellen!
                  Ich kann KEINE css Eigenschaft angeben, von der ich nicht weis OB sie existiert
                  Du hast mir bis jetzt auch nur Links geschickt, die ich explezit schon im 1. Post ausgeschlossen habe (Left/Right float).
                  Da sich sonst keiner meldet, geh ich mal davon aus das diese Eigenschaft auch nicht Existiert.
                  Danke trotzdem für deine Mühe.

                  Kommentar


                  • #10
                    http://www.homepage-faqs.de/index.ph...liessen-bilder
                    [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                    Kommentar

                    Lädt...
                    X