08. marts 2004 - 01:27Der 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
<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>
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 !!
<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>
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>
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>
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.