Webdesign in Siegen

Float um Bild

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Float um Bild

Beitragvon Nase am 28.04.2008, 15:04

Egal nach was ich googel, ich finde die Methode nicht, einen Text um ein Bild fließen zu lassen, ohne dass er unter dem Bild wieder untendrunter "fließt":

So solls nicht sein:

BILDBILD Text Text
BL :( LD Text Text
BILDBILD Text Text
Text Text Text Text
Text Text Text Text

Sondern:

BILDBILD Text Text
BL :) LD Text Text
BILDBILD Text Text
PaltzhalterText Text
PlatzhalterText Text

Gibts da nicht irgendeine CSS-Eigenschaft für?
Nase
Mitglied
 
Beiträge: 38
Registriert: 10.04.2008, 21:03

Re: Float um Bild

Beitragvon Ingo am 28.04.2008, 15:28

Hi.
Wo ich gerade hier vorbeischneie, eine Idee:

Code: Alles auswählen
CSS:
  img { float:left; width:300px; height;250px;  }
  .absatz { margin-left: 320px; }

HTML:
  <img src="#" alt="#" />
  <div class="absatz">
     Hier steht ganz viel völlig sinnloser Text. Einfach so.
     ...
     Hier steht ganz viel völlig sinnloser Text. Einfach so.
  </div>

D.h. man gibt dem an sich umfließenden Text einen margin (oder auch padding)-left und verhindert so,
dass (wie es beim Umfluß ja eigentlich gewollt ist) der Text unter der Bildunterkante fortgesetzt wird.

Man könnte auch das Bild in ein Div packen und dessen Länge willkürlich festlegen; das float geht dann
auf das umgebende Div über:
Code: Alles auswählen
<div style="height:500px; float:left;">
  <img src="#" alt="#" />
</div>
<div>Ein div mit seeeeeeeeeeeehr viel Text. </div>

Hoffentlich ist was Brauchbares dabei :wink:

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 436
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Float um Bild

Beitragvon Nase am 28.04.2008, 17:14

Ja, so gehts, (im FF jedenfalls)
Aber ich dachte, da gäbe es so eine CSS oder HTML-Angabe wie
Code: Alles auswählen
<img src="" style="float: left; text-umbruch-untendrunter: none; ...

Oder habe ich von diesem "text-umbruch-untendrunter" heute Nachte geträumt und bilde mir das nur ein?
Nase
Mitglied
 
Beiträge: 38
Registriert: 10.04.2008, 21:03

Re: Float um Bild

Beitragvon studdy am 28.04.2008, 17:27

Habe es zwar noch nicht richtig getestet aber du kannst es auch mal so probieren.

Eine tabelle um den text und dann einfach definieren. Und dann so eingeben in der css.
vertical-align : top; text-align: right;

hoffe des geht wenn nicht hast du ja noch drei andere vorschläge :)
Es ist egal was du sagst. Es ist egal was du denkst.
Es ist egal was du fühlst, was du bewirkst, was du erreicht hast, oder noch erreichen wirst.
Irgendwann fickt dich einfach der Tod.
Benutzeravatar
studdy
Mitglied
 
Beiträge: 115
Registriert: 22.12.2007, 02:16

Re: Float um Bild

Beitragvon Nase am 28.04.2008, 18:07

Danke für die Vorschläge, die funktionieren alle, aber ich hatte gedacht, es gibt diese eine "Text-bitte-nicht-unter-dem-bild-umbrechen"-Argument. Da habe ich mich wohl geirrt. :wink:
Nase
Mitglied
 
Beiträge: 38
Registriert: 10.04.2008, 21:03

Re: Float um Bild

Beitragvon Ingo am 28.04.2008, 18:44

Naja, da wärst du immerhin nicht der einzige, der hin und wieder von CSS-Implementierungen
träumt, besonders wenn es um gewisse Browser geht ... :engel: Du könntest ja mal bei css4you
unter Eigenschaften/Text oder Position nachgucken, vielleicht findest du da ja doch noch was.

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 436
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast