Lägga till höger?

Vad menar du med mellanrum?

<img src="gfx/hej.gif" style="float: right" alt="hej.gif" />

Så kanske? Testa att lägga koden i texten i stället för i en <p>-tagg.

eller sätter style-attrubriten så här:

<p style="margin: 0px; padding: 0px;"><img /></p>

/red.

Givetvis så ska du behålla float: right

Nä det funkar inte riktigt som jag vill ha det. Jag har en rubrik, och bredvid ska det ligga en bild som är lika hög som texten. Under rubriken och bilden är vanlig brödtext.

Så här SKA det se ut:

[b]Rubrik[/b]             [red]BILD[/red]
Brödtexten här, lalala.

Men det ser ut så här:

[b]Rubrik[/b]       
Brödtexten här, lalala.[red]BILD[/red]

Tack på förhand!

Så här då?

     <h1>Rubrik</h1>
<img src="gfx/hej.gif" style="float: right" alt="hej.gif" />
<p>Brödtexten här, lalala.</p>

Det blir endå mellanrum under rubriken och ovanför brödtexten.

Hmm...

Tumregel: float först, texten (ellervarenue som skall ligga bredvid den flytande bilden) sedan...

Så du kan ju antingen vända på koden såhär:

<img src="gfx/hej.gif" style="float: right" alt="hej.gif" />
   <h1>Rubrik</h1>
<p>Brödtexten här, lalala.</p>

Alternativt kan du också lägga in bilden inuti h1:an såhär:

<h1><img src="gfx/hej.gif" style="float: right" alt="hej.gif" />Rubrik</h1>
<p>Brödtexten här, lalala.</p>

Eller om du vill ha ett "naturligare" kodflöde så kan du också ta till storsläggan och göra såhär:

<h1 style="float:left">Rubrik</h1>
<img src="testbild.gif" style="float: right" alt="hej.gif" />
<p style="clear:both">Brödtexten här, lalala.</p>

Yes! Nu funkar det perfa med den här kodsnutten:

<b><img src="grafik/betyg.4.gif" style="float: right" alt="hej.gif" />Rubrik</b><br>
Brödtexten här, lalala.

Tack jarvklo! :)