Avatar billede ghml Nybegynder
08. marts 2004 - 01:27 Der er 13 kommentarer og
1 løsning

HTML kode om billeder

Følgende HTML kode gør at teksten stiller sig til højre for billedet, lidt ligesom i en avis. Men jeg kan ikke finde ud af at afslutte det, når teksten igen skal stå under billedet. F.eks. hvis der kun skal stå et par ord ved siden af billedet og resten af teksten skal stå under eller i helt nyt afsnit..?

<img src="BILLEDE.jpg" align="left">TEKST VED SIDEN AF BILLEDE

Nogle som kan hjælpe ?
Avatar billede roenving Novice
08. marts 2004 - 01:35 #1
<img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet
<div id="minDiv" style="clear:all">Tekst under billedet</div>
Avatar billede want2learn Nybegynder
08. marts 2004 - 01:38 #2
din billede align skal være align="baseline"
og så har du teksten efter og så bruger du <p>ny tekst</p> eller <br> og så springer næste tekst selv nedunder dit billede !!
Avatar billede want2learn Nybegynder
08. marts 2004 - 01:40 #3
hvis du bruger P så kan du evt have p align="left"
Avatar billede ghml Nybegynder
08. marts 2004 - 02:08 #4
tak, det kommer sig faktisk af at jeg skal have flere billeder under hinanden med tekst ud for.

<img src="BILLEDE3.jpg" align="left">TEKST VED SIDEN AF BILLEDE3

<img src="BILLEDE1.jpg" align="left">TEKST VED SIDEN AF BILLEDE1

<img src="BILLEDE2.jpg" align="left">TEKST VED SIDEN AF BILLEDE2

men de kommer til at køre over hinanden
Avatar billede roenving Novice
08. marts 2004 - 02:11 #5
<div><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
Avatar billede ghml Nybegynder
08. marts 2004 - 02:14 #6
tak
Avatar billede ghml Nybegynder
08. marts 2004 - 02:14 #7
hvad betyder
height:100px;width:100px
Avatar billede roenving Novice
08. marts 2004 - 02:17 #8
Det er bare højde og bredde i css-style, for det billede, jeg selv brugte til at teste er på næsten 800*800, så det skulle lige gøres lidt mindre !-)

-- og det viste sig jo også, at den skulle gøres helt færdig !o]

<div style="clear:all"><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;height:100px;width:100px;">Tekst ved siden af billedet</div>
Avatar billede ghml Nybegynder
08. marts 2004 - 02:24 #9
jeg er umiddelbart ikke så glad for 100px;width:100px, kan det udelades?
Avatar billede ghml Nybegynder
08. marts 2004 - 13:30 #10
det virker men kan jeg udelade "100px;width:100px" for mine billeder har allerde den størrelse de skal have jeg skal ikke definere yderligere
Avatar billede roenving Novice
08. marts 2004 - 14:02 #11
Højde og bredde er fuldstændig ligegyldige for funktionen, som sagt var det bare et meget stort billede, jeg testede med, så du kan bare:

<div style="clear:all"><img src="../billede.jpg" style="float:left;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;">Tekst ved siden af billedet</div>
<div style="clear:all"><img src="../billede.jpg" style="float:left;">Tekst ved siden af billedet</div>
Avatar billede ghml Nybegynder
09. marts 2004 - 14:26 #12
tak opretter du et svar
Avatar billede roenving Novice
09. marts 2004 - 18:14 #13
Velbekomme '-)
Avatar billede roenving Novice
25. august 2004 - 07:18 #14
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester