[HTML] Zonder tabel plaatjes & tekst onder elkaar !?

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • Eusebius
  • Registratie: November 2001
  • Niet online
Nu gebruik ik heel simpel <br> om een aantal logo's met daarnaast uitleg netjes onder elkaar te krijgen. Het eindresultaat wordt dus:
code:
1
[plaatje logo van 200px hoog] tekst blablabla
Niet elke tekst naast een plaatje vult de 200px en dan krijg ik dus dat de volgende logo schuin rechts onder het logo staat in plaats van er netjes onder. Hoe is dit te verhelpen zonder steeds <br> neer te zetten? Ik dacht dat het kon met de <p>, maar dat werkt niet :?

==
hoi


Acties:
  • 0 Henk 'm!

  • Gomez12
  • Registratie: Maart 2001
  • Laatst online: 17-10-2023
Creeer een block element van 200px groot waarin je de tekst plaatst...

Acties:
  • 0 Henk 'm!

  • kaesve
  • Registratie: Maart 2009
  • Laatst online: 16-05 03:04
lees je eens in in css, dat is wat je hier zal moeten gebruiken. als je een block-level element als een <div> gebruikt om je plaatje/tekst te wrappen, moet je denk ik wel het gewenste resultaat krijgen.

overigens kan ik niet precies zien wat je content precies is, maar het klinkt een beetje als een opsomming. het zou dan correcter zijn om alles in een lijst-element te stoppen. dus
HTML:
1
2
3
4
5
<ul>
    <li><img class="logo_example" src=""><p class="logo_description">lorem ipsum etc</p></li>
    <li><img class="logo_example" src=""><p class="logo_description">lorem ipsum etc</p></li>
    <li><img class="logo_example" src=""><p class="logo_description">lorem ipsum etc</p></li>
</ul


als je dan zorgt dat de li-elements hier even breed zijn als je logo's zelf, zal de tekst er vanzelf onder komen. al kun je de logo's zelf natuurlijk ook block-level maken. semantisch gezien is een afbeelding niet persé een inline ding.