html blokken naast elkaar zetten

[Verwijderd]

stel ik heb 5 blokken alle bestaande uit een plaatje met daar onder een tekstje, nu wil ik dat deze blokken naast elkaar komen staan tot dat de "regel" vol is en dat hij dan daaronder verder gaat met het neerzetten van de blokken (afhankelijk van de resolutie dus).

hoe krijg ik deze dan naast elkaar in plaats van ieder blok onder elkaar?


(het is een lekkere lompe omschrijven maar zou niet weten hoe ik het anders moet uitleggen) hoe dan ook;hier onder nog ff een tekening voor de duidelijkheid:

[supakeen]

Weet niet OF dat wel kan Met tables zal hij niet vanzelf gaan afbreken

[Verwijderd]

Je kunt die blokken (div of p) een vaste maat opgeven met CSS, en dan ook de property float: left; meegeven, dat zorgt ervoor dat de ruimte rechts van een blok beschikbaar blijft voor andere elementen als deze daar passen. Als dat niet het geval is, begint het verhaal overnieuw, tegen de linkermarge, kortom: precies wat je zoekt denk ik.

[Verwijderd]

Op vrijdag 05 juli 2002 23:07 schreef Cheatah het volgende:
Je kunt die blokken (div of p) een vaste maat opgeven met CSS, en dan ook de property float: left; meegeven, dat zorgt ervoor dat de ruimte rechts van een blok beschikbaar blijft voor andere elementen als deze daar passen. Als dat niet het geval is, begint het verhaal overnieuw, tegen de linkermarge, kortom: precies wat je zoekt denk ik.

Juist! dat is precies wat ik zocht! het werkt perfect!
Tnx mate!

[sasquatch]

Van http://www.alistapart.com/stories/practicalcss/:

code:

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }

code:

<div class="float">
  <img src="image1.gif" width="100" height="100"
  alt="image 1" /><br />
  <p>caption 1</p>
</div>

<div class="float">
  <img src="image2.gif" width="100" height="100"
  alt="image 2" /><br />
  <p>caption 2</p>
</div>