Viennamade: Fließtext um Bilder

====================================================
|  <h1>Fließtext</h1>                        |
|                                                  |
|   ---------------------                          |
|  |Bild 1<img src= ...  | Hallo Forumsteilnehmer! |
|  |                     |                         |
|  |                     | Ich möchte Euch fragen, |
|  |                     | ob das hier möglich ist.|
|  |                     | Also 2 Bilder angeordnet|
|  |                     | wie hier dargestellt    |
|  |_____________________| sollen vom Text umflos- |
|                         ---------------------    |
|  sen werden. Die font- |Bild 1<img src= ...  |   |
|  size muß in em ange-  |                     |   |
|  geben werden, ist also|                     |   |
|  "variabel" für den    |                     |   |
|  Surfer.               |                     |   |
|                        |                     |   |
|  Danke und Grüße       |_____________________|   |
|  Viennamade                                      |

=====================
                  ||               ||

  1. aha.

    gruss,
    wahsaga

    1. Hallo!

      aha.

      ? Wie soll ich das verstehen? Wenn Du meinst, daß Du diese Art von Posting nicht schätzt (weil man auf Inhalt nur schwer bezugnehmen kann), dann gebe ich Dir vollkommen recht. Hatte schon meine Mißbilligung vor dem Absenden ... aber davor war es doch so mühevoll zu zeichnen und ich wollte mein Werk nimmer wegwerfen. Kommt nimmer vor.

      Beste Grüße
      Viennamade

      1. hi,

        ? Wie soll ich das verstehen? Wenn Du meinst, daß Du diese Art von Posting nicht schätzt (weil man auf Inhalt nur schwer bezugnehmen kann), dann gebe ich Dir vollkommen recht.

        mich wunderte nur, _dass_ du eben nirgendworauf bezug genommen hast.

        sollte das eine _frage_ von dir sein - wo war sie?
        sollte das eine antwort auf die frage eines anderen sein - warum kein link auf den (ggf. bereits archivierten) thread?

        gruss,
        wahsaga

  2. <h1>Fließtext</h1>
    <p style="width:400px; margin:auto;"><img src="bilder/home.gif" alt="home" style="width:200px; height:80px; border:1px solid black; float:left; margin:5px;">Hallo Viennamade!<br>Das, was Du haben willst, ist in Grenzen möglich. Die Grenzen sind dort gezogen, wo Du das zweite Bild platzieren musst. Es fügt sich nicht vollständig automatisch ein. <img src="bilder/home.gif" alt="home" style="width:200px; height:80px; border:1px solid black; float:right; margin:5px;"> Allerdings ist das auch bei DTP-Anwendungen nicht unproblematisch. Da HTML keinesfalls ein Textsatzsystem und auch keine DTP-Anwendung ist, sollte die von mir hier vorgestellte Variante wohl die bestmögliche sein. Allerdings werde ich das hier weiterverfolgen. Eventuell gibt's ja doch noch was besseres.</p>

    viele Grüße

    Axel

    1. Hallo Axel,

      ich hab mit Deinem Quelltext - recht herzlichen Dank dafür - ein bißchen getestet. Die Positionierung des 2. Bildes ist dabei ein Problem - so wie Du es ja schreibst.
      Ich selber setze untenstehenden Quelltext ein. Ist so ähnlich wie Deiner, jedoch verwendet er 2 divs für die beiden "Spalten". Für die Positionierung des 2. Bildes bringt das nichts, aber der Text fließt schöner wie ich meine. Was jedoch gewünscht ist, nämlich, daß zwischen den beiden "Spalten" ein unbeschriebener, vertikaler Trennbalken ist, gelingt auch damit nicht.

      Beste Grüße
      Viennamade

      <div style="width:670px;">
      <img style="float:left;width:325px;height:215px; margin-bottom:10px;margin-right:20px; border: 1px black solid;" src="Bilder/editorial_02.jpg" alt="Familienfoto" />
      <p>Herzlich willkommen in unserem Haus!</p><p class="txt">Urlaub wie damals - in Zeiten der Sommerfrische - mit dem Komfort unserer Zeit: Am Steg sitzen, mit den Füßen im Wasser plätschern, die Aussicht genießen und einfach die Seele baumeln lassen.</p>
      <p>Unser Haus liegt an einem der schönsten Plätze vom Wörther See. Etwas außerhalb vom Ortszentrum Nonnsdorf in herrlicher Ruhelage direkt am See gegenüber von Maria Kloth.</p>
      <p>Alle Appartements sind sehr komfortabel ausgestattet (Bad, WC, Küche, Fernseher, Radio, Telefon und Zimmersafe) mit Balkon und Blick auf den See.<br /> Für jedes Appartement steht ein eigener Parkplatz zur Verfügung.</p>
      </div>

      <div style="width:670px;">
      <img style="float:right;width:325px;height:215px; margin-bottom:10px;margin-right:20px;margin-top:10px;border:1px black solid;" src="Bilder/editorial_05.jpg" alt="Bild vom See mit Segelschiff" />
      <p>Das saubere, warme Wasser des Sees ermuntert schon vor dem Frühstück zu einem ausgiebigen Bad.</p>
      <p>Auf unserer großen Liegewiese können Sie den Alltag vergessen und Ruhe und Entspannung genießen.</p>
      <p>Sie wollen sich sportlich betätigen? - Angrenzend an unser Haus befindet sich die Bootsvermietung, mit Segel- Ruder- Elektro- und Tretbooten sowie Surfbrettern.<br />Vom Grundstück weg gibt es zahlreiche Radwege in die Umgebung.</p>
      <p>Fischen im eigenen Revier mit dem Ruderboot ist gratis.<br />Mit wanderfreudigen Gästen unternehmen wir ab Ende August Berg- und Wandertouren.</p>
      <p>Wir wünschen Ihnen einen schönen und erholsamen Urlaub.</p>
      </div>

      1. Hallo Viennamade

        <img style="float:right;width:325px;height:215px; margin-bottom:10px;margin-right:20px;margin-top:10px;border:1px black solid;" src="Bilder/editorial_05.jpg" alt="Bild vom See mit Segelschiff" />

        Beim zweiten Bild würde ich "margin-left:20px" setzen statt "magrin-right2.

        MFG
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. Hallo Detlef,

          <img style="float:right;width:325px;height:215px; margin-bottom:10px;margin-right:20px;margin-top:10px;border:1px black solid;" src="Bilder/editorial_05.jpg" alt="Bild vom See mit Segelschiff" />

          Beim zweiten Bild würde ich "margin-left:20px" setzen statt "magrin-right2.

          Ja, da hast Du recht (ich hab nach dem Reinkopieren des Quelltextes die Klassenbezeichnungen durch CSS ersetzt und mich dabei geirrt).
          So aufmerksam will ich auch sein können!
          Beste Grüße
          Viennamade