---

Hej derude...

Jeg vil gerne lave noget fakta om mig selv. Det skal være sådan
at der er et billede ude i venstre kant, og til højre for
billedet og nedenunder billedet skal der så være noget tekst.
Næsten ligesom dette her: http://hjem.get2net.dk/sorgin/ Hvordan
laver man det?

På forhånd tak

Med venlig hilsen Lasse Jensen...



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Hej

> Jeg vil gerne lave noget fakta om mig selv. Det skal være sådan
> at der er et billede ude i venstre kant, og til højre for
> billedet og nedenunder billedet skal der så være noget tekst.
> Næsten ligesom dette her: http://hjem.get2net.dk/sorgin/ Hvordan
> laver man det?

Jeg mener du kan bruge float i css.
Altså noget ligende:

<div>En masse tekst En masse tekst En masse tekst
<img style="img {float:left;}">
En masse tekstEn masse tekstEn masse tekst
</div>

Esben

---

Esben skrev:
>
> Jeg mener du kan bruge float i css.
> Altså noget ligende:
>
> <div>En masse tekst En masse tekst En masse tekst
> <img style="img {float:left;}">
> En masse tekstEn masse tekstEn masse tekst
> </div>

Hej Esben.

Det virker delvist, men ikke helt som jeg ville have det. Det stykke
kode du har givet mig, gør sådan at der først kommer det tekst man
ellers har sat ind, og så midt i teksten kommer der så et billede,
og så fortsætter teksten igen.

Jeg ville kun have tekst til højre for billedet, og nedenunder.

Med venlig hilsen Lasse Jensen.


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Lasse Jensen skrev:

>> <div>En masse tekst En masse tekst En masse tekst
>> <img style="img {float:left;}">

img { } hører ikke til i en css-definition direkte på elementet.
Brug <img style=" float: left;" ...>

>> En masse tekstEn masse tekstEn masse tekst
>> </div>

> Jeg ville kun have tekst til højre for billedet, og
> nedenunder.

Sæt det floatede billede først:

<div>
   <img style="float: left; width: 240px; height: 350px;"
src="pic.jpg" />
   Her kommer teksten der gerne skulle starte til højre for
billedet og fortsætte under billedet.
</div>

NB: Du kan styre hvor tæt teksten skal være på billedet med
padding.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> img { } hører ikke til i en css-definition direkte på elementet.
> Brug <img style=" float: left;" ...>

Ja, ups, sorry

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev

> Sæt det floatede billede først:
>
> <div>
> <img style="float: left; width: 240px; height: 350px;"
> src="pic.jpg" />
> Her kommer teksten der gerne skulle starte til højre for
> billedet og fortsætte under billedet.
> </div>

Udvid koden lidt:

<div>
<img style="float: left; width: 240px; height: 350px; margin-right:10px;
margin-bottom:10px"
src="pic.jpg" />
Her kommer teksten der gerne skulle starte til højre for
billedet og fortsætte under billedet.
</div>

Så vil teksten ikke stå klods op ad billedet. Der vil være lidt luft til
højre for og under billedet.

--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin

---

Hej allesammen...

Tak fordi I gad at hjælpe mig. Det virker perfekt, ligesom det skal.

Med venlig hilsen Lasse Jensen.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials