[CSS] 5 divs in een rij

[DutchAddick]

Ik haal op een pagina allemaal linkjes op uit de database en wil deze per link in een div box plaatsen.
Als er 5 div boxen zijn geplaatst, dan moet er verder worden gegaan op de volgende rij. Onderstaande code (ruby on rails) leest alle links uit en plaatst ze in een div box. Als ik echter de rij probeer toe te voegen binnen de "for", dan wordt elke link 5x getoond, zet ik de rij buiten de "for", dan worden alle linkjes getoond. Hoe krijg ik dit voor elkaar

code:

<% for link in @all_links %>
  <div id="link">
    <p id="linktitle"><%=h link.name %></p>
  </div>
<% end %>

[Bosmonster]

Aangezien je het schaart onder CSS zal ik je ook maar een CSS oplossing voordragen:

Geef je divs een breedte van maximaal 1/5 van de container eromheen en laat ze allemaal links (of rechts) floaten. Ze gaan dan automatisch na 5 naar de volgende regel.

[Verwijderd]

dit heeft toch echt niets te maken met css hoor

Ik zie niet direct het probleem in de code (heb dan ook geen ruby ervaring ), maar als je het buiten de "for" zou zetten zou het zowiso toch helemaal niet moeten werken?

[ Voor 8% gewijzigd door Verwijderd op 05-08-2008 09:20 ]

[TeeDee]

Laat je de id's ook zo staan of niet? Ik zou er dan ook een class="link" van maken in plaats van id="link".

[DutchAddick]

Ik was weer veel te moeilijk aan het denken met allemaal while lussen enzo
Thanks

[Mx. Alba]

Idd, vervang de id's eens door classes. Van een element met een bepaald id mag er maar ééntje zijn, terwijl er van een element met een bepaalde class natuurlijk verschillende kunnen zijn.

Verder lijkt me dat Bosmonster een simpele oplossing aandraagt. Niet proberen "handmatig" de boel in regeltjes van 5 te persen, maar gewoon de elementen 20% van de beschikbare breedte geven en ze het zelf laten uitzoeken.