---

Jeg har i mit html dokument en CSS fil, som jeg linker til. Jeg skal
nu anvende et billede i min html fil, som jeg vil have til float left
for den tekst, jeg skriver om billedet. I CSS filen har jeg følgende:

div.imageleft, img.imageleft {
float : left;
margin : 0 15px 0.2em 0;
padding : 0;
}

og i mit html dokument sætter jeg flg. kode ind:

<p><a href="link til en hjemmeside">
<img src="billede.jpg" style="div.imageleft" alt="tekst"
title="tekst" />
</a>tekst ... </p>

Resultatet er, at teksten står under billedet (som rigtig nok er til
venstre). Teksten skulle helst stå til højre for billedet og fortsætte
under billedet, da der er en længere tekst til billedet. Hvad gør jeg
forkert?

Søren

---

"soren" <sorenhv@gmail.com> skrev

Jeg har i mit html dokument en CSS fil, som jeg linker til. Jeg skal
nu anvende et billede i min html fil, som jeg vil have til float left
for den tekst, jeg skriver om billedet. I CSS filen har jeg følgende:

(X)HTML

<div id="billede">
<img src="ditbillede.jpg" alt=""/>
<p>Din tekst her</p>
</div>

----------------------------
CSS

#billede {
float: left;
width: 200px;
}

Ret selv width så det passer med størrelsen på dit billede

Ovenstående burde virke


--
Mvh. John
www.web-graphic.dk

---

"soren" <sorenhv@gmail.com> skrev i meddelelsen

> div.imageleft, img.imageleft {
> float : left;
> margin : 0 15px 0.2em 0;
> padding : 0;
> }

> og i mit html dokument sætter jeg flg. kode ind:

> <p><a href="link til en hjemmeside">
> <img src="billede.jpg" style="div.imageleft" alt="tekst"
> title="tekst" />
> </a>tekst ... </p>
> (...)
> Hvad gør jeg forkert?

Din CSS angiver at gælder for en <div> med klassen "marginleft" såvel som et
billede med klassen "imageleft".

HTML-koden skal i stedet være noget i denne retning:
<div class="marginleft">
<p><a href="link til en hjemmeside">
<img src="billede.jpg" alt="tekst" title="tekst" />
</a>tekst ... </p>
</div>

style="div.imageleft" giver mig bekendt ingen mening.

---

Philip Nunnegaard skrev:

> Din CSS angiver at gælder for en <div> med klassen "marginleft"

Du kom til at skrive forkert. Du mener "imageleft".

<div class="imageleft">
<p><a href="link til en hjemmeside">
<img src="billede.jpg" alt="tekst" title="tekst" />
</a>tekst ... </p>
</div>

Til Søren:

Du kan sandsynligvis nøjes med:

   .imageleft { osv.

i din CSS, men det kommer an på resten af din HTML-kode. Det er
helt korrekt CSS som du har skrevet.

Når .imageleft står alene, gælder det blot ethvert element der
tildeles den klasse. Når du skriver

   div.imageleft { osv.

kan man ikke sætte klassen på andet end en div.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

---

"Bertel Lund Hansen" <unospamo@lundhansen.dk> skrev

> Du kom til at skrive forkert. Du mener "imageleft".

Jeps. Det var det jeg mente.
Jeg brugte nok for meget tid på at sætte >-tegn foran alle linjerne i det
jeg citerede, så jeg ikke tænkte på at copypaste.

---

soren wrote:

> <p><a href="link til en hjemmeside">
> <img src="billede.jpg" style="div.imageleft" alt="tekst"
> title="tekst" />
> </a>tekst ... </p>

Philip og Bertel er inde på noget af det rigtige. Men det helt rigtige er
dette:

<div><a href="link til en hjemmeside">
<img src="billede.jpg" class="imageleft" alt="tekst"
title="tekst" /></a>
<p>tekst ... </p>
</div>

... altså, billedet skal tildeles klassen imageleft, for at få teksten til at
lægge sig til højre for det.

http://hjemmesideskolen.dk/html/float.asp?id=flbillede

På den side har jeg også sat en <p></p> om billedet, men det er ikke
nødvendigt.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk