Tekstafstand ved float

www.jongbiz.dk/float.gif

Del 1: Internet Explorer.
Del 2: Mozilla og Opera.

Jeg kan næsten ikke rykke teksten længere ud, før det kommer til at se mærkeligt ud i Internet Explorer. Samtidig må teksten bestemt heller ikke rykkes længere ind, for så bliver den svær at læse i Mozilla og Opera.

<ole>

Problemet er, at containeren, du lægger teksten i, er et block-level element. Du kan enten bruge et span i stedet - eller du kan float'e tekst-div'et 'left'.

/mvh
</bole>

Det giver samme resultat, om der bruges div eller span hos mig. Teksten vil bare ikke helt ind til billedet i Internet Explorer.

<span style="float: left"><img alt="" height="100" src="billede.jpg" width="100" /></span>Tekst<br />Tekst<br />Tekst

Det sidste du skriver, kan jeg ikke helt få til at virke. Så ender teksten jo enten nedenunder eller foran billedet.

OK, der sov jeg ;o)

<span style="float: left"><img alt="" height="123" src="cover.jpg" width="123" /></span><span style="float: left">Tekst<br />Tekst<br />Tekst</span>

Så passer pengene. Lav lige et svar.

Men det giver kun ordentlig mening at bruge float og størrelse på divs, så du skal:

<div style="float: left"><img alt="" height="123" src="cover.jpg" width="123" /></div><div style="float: left">Tekst<br />Tekst<br />Tekst</div>

Beklager, jeg sover. Jeg lavede et utroligt dårlig eksempel. Kig igen på www.jongbiz.dk/float.gif
Sådan skal teksten flyde rundt om billedet, hvorfor min kommentar 03/04-2004 18:48:09 er ret irrelevant.

Hvorfor så ikke bare:

<img src="" style="width:200px;height:200px;float:left;>
Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />

Uff ... en "" manglede:

<img src="" style="width:200px;height:200px;float:left;">

Det giver samme resultat som...

<div style="float: left; width: 100px">&nbsp;</div>
<div>Tekst<br />Tekst<br />Tekst</div>

og

<span style="float: left"><img alt="" height="100" src="billede.jpg" width="100" /></span>Tekst<br />Tekst<br />Tekst

Bemærk:

<img

Jep, kan godt se du har puttet en style på, men desværre samme resultat.

Jeg er ret sikker på jeg har fundet en løsning via http://www.positioniseverything.net/explorer/threepxtest.html

Nu skal jeg bare have det afprøvet ;o)

Jep, hacket virker :o)

* html #float-image {
margin-right: -3px;
}

<div id="float-image" style="float: left"><img alt="" height="100" src="cover.jpg" width="100" /></div>
<div>Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst<br />Tekst</div>

Tak for hjælpen alligevel. Bare smid et svar begge to ;o)

Jeg tillader mig at lukke spørgsmålet, da en løsning er fundet. Hvis I to meget gerne vil have del i de uendelige mange points, der var på spil, så smid en kommentar. Ellers siger jeg tak for forsøgene endnu engang :o)