Ergebnis 1 bis 3 von 3

Thema: Fliestext um ein Bild herumfliessen lassen

  1. #1
    HTML Newbie
    Registriert seit
    30.11.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Fliestext um ein Bild herumfliessen lassen

    Hey Ho Leute,

    ich bin neu im Forum und habe nichts dazu gefunden, und zwar programmiere ich gerade ein Blog, und ich er ist soweit fertig, aber ich bekomme es net hin das wenn ich das Bild in mein P-Tag einfüge der Text um das Bild fliest. Hier mal Screenie vom Problem:

    http://puu.sh/dbI1K/b839d28931.png

    Den ganz unteren Text ignorieren. ^^ Also ich will das der Text halt links neben dem Bild ist und wenn der Text länger als die Höhe vom Bild ist, dann soll der Text sozusagen noch unterm Bild weitergehen.

    Hier mal mein Code dazu:

    HTML:

    HTML-Code:
    <!-- Beitrag mit Bild START -->    <div class="beitrag">
            <p class="beitragstext"><img src="css/images/Text_0.png" class="beitragsimg"/> BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</p>
        </div><!-- Beitrag mit Bild ENDE -->
    CSS:

    HTML-Code:
    .beitrag {    position: relative;    margin: 0 auto 0 auto;    max-width: 95%;    word-wrap:break-word;}
    .beitragstext {    position: relative;    padding:10px;    width: auto;}
    .beitragsimg {    position: relative;    border:4px solid #808080;    padding:3px;    float:right;    width:450px;    height: auto;}
    Hoffe echt ihr könnt mir helfen ^^
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Fliestext um ein Bild herumfliessen lassen

    Code:
    <!doctype html>
    <html>
    <head>
    <title>Lenovo</title>
    <meta charset="UTF-8">
    <style>
    .beitrag { 
     border:1px solid #000;
     float:left;
     width:100%;
    }
    
    .beitrag img { 
     float:right;
    }
    </style>
    </head>
    <body>
     <div class="beitrag">
      <img src="bild2.jpg" width="700">
        <p>Lorem ipsum... </p>
      </div>
    </body>
    </html>

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.11.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fliestext um ein Bild herumfliessen lassen

    Zitat Zitat von djheke Beitrag anzeigen
    Code:
    <!doctype html>
    <html>
    <head>
    <title>Lenovo</title>
    <meta charset="UTF-8">
    <style>
    .beitrag { 
     border:1px solid #000;
     float:left;
     width:100%;
    }
    
    .beitrag img { 
     float:right;
    }
    </style>
    </head>
    <body>
     <div class="beitrag">
      <img src="bild2.jpg" width="700">
        <p>Lorem ipsum... </p>
      </div>
    </body>
    </html>

    OK Danke habe es jetzt gelöst. ^^

Ähnliche Themen

  1. Bild per Klick als Popup öffnen lassen
    Von Caddie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 20.11.2006, 17:16
  2. Bild 3-Dimensional wirken lassen - KUGEL
    Von CHIEFmaster im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 14
    Letzter Beitrag: 12.01.2006, 21:51
  3. Bild spiegeln lassen?
    Von Bianca im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 17.07.2005, 12:23
  4. bei klick auf text ein bild erscheinen lassen
    Von ini im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 20.10.2004, 10:44
  5. LiveCam Bild stehen lassen bis kompl. nachgeladen?
    Von TimSp im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 28.04.2004, 10:39

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •