Tekst pas onder een image laten verschijnen

[Eusebius]

Op mijn blog loop ik tegen een probleem aan: ik schrijf tekst naast een foto die wat uitleg geeft over de foto. Dan wil ik verder gaan met het schrijven van mijn verhaal. Deze tekst wil ik onder het plaatje laten verschijnen. Niet als een beschrijving onder de foto, maar dat de tekst pas na het plaatje begint. De code ziet er uit als:

code:

<img src="bron" align="left" hspace="7"> </img>
 Hier komt de tekst die uitleg geeft over de foto
<br>Hier komt tekst die onder de foto moet

---

Ik krijg dan zoiets:
Deze foto is gebruikt in het topic Raed de plaet. Het is de poot van onze kat.

Hier wil ik weer verder gaan met de tekst. Deze tekst staat echter naast de foto. Omdat mensen met verschillende resoluties mijn site bezoeken, vind ik het werken met <br> geen elegante oplossing. Met een kleinere resolutie wordt de tekst naast de foto kleiner en komt er opeens meer witruimte (door de br) onder de foto.

---

Zo zou het moeten zijn
Deze foto is gebruikt in het topic Raed de plaet. Het is de poot van onze kat.
.
.
.
.
.
Kijk, hier staat de tekst onder de foto en kan ik verder met mijn verhaal.

[BtM909]

Je br een clear meegeven

Cascading Stylesheet:

br{
    clear: none | left | right | both;
}

Afhankelijk wat je wilt, doe je dat voor alle br's, een bepaalde class of een specieke br

[ Voor 36% gewijzigd door BtM909 op 16-07-2007 10:01 ]

[Eusebius]

Ah! Perfect! Ik wist niet dat BR ook attributen kon hebben

Volgens mijn handleiding moet het echter none | left | right | all zijn. Both pakt hij echter ook.

[crisp]

Ik zou die br gewoon vermijden en netjes paragrafen gebruiken:

HTML:

<p><img src="bron" class="articleImage">
 Hier komt de tekst die uitleg geeft over de foto</p>
<p>Hier komt tekst die onder de foto moet</p>

Overigens: img kent geen sluit-tag(!) en align en hspace/vspace zijn deprecated - gebruik gewoon netjes CSS daarvoor.

[ Voor 13% gewijzigd door crisp op 16-07-2007 10:06 ]

[Verwijderd]

Eusebius schreef op maandag 16 juli 2007 @ 10:05:
Ah! Perfect! Ik wist niet dat BR ook attributen kon hebben

Volgens mijn handleiding moet het echter none | left | right | all zijn. Both pakt hij echter ook.

betere handleiding zoeken dan:
http://www.w3.org/TR/CSS21/visuren.html#propdef-clear