items weergeven per 3 naast elkaar

[istiti]

Ik zou items uit mijn database willen halen (naam, omschrijving, prijs) en deze per 3 naast elkaar weergeven.
Zo wil ik pagina's opbouwen die max 6 artikelen tonen per pagina en dan automatisch naar de volgende pagina gaan.

De pagination is al gelukt , het per 6 weergeven ook .

Alleen krijg ik ze niet per 3 naast elkaar.

Het zou ook zo moeten zijn dat het laatst toegevoegde artikel eerst staat.

kan iemand mij opweg helpen aub?

 

[Supersnail]

Met css.

// database connectie, query, etc.
$n = 0;
while($row = mysql_fetch_assoc($res)) {
  if($n % 3 == 0) {
    echo '<div class="item first">';
  } else {
    echo '<div class="item">';
  }
  // echo hier wat je wilt tonen in dit item
  echo '</div>';
  n++;
}

In je css:

.item {float: left;}
.first {clear:left;}

 

[dudstone]

je kan gewoon alles in een div plaatsen en me css positioneren?

div { float:left;}
div:nth-child(3n+3){ clear:right:}

 

[PgVincent]

Door welke browsers wordt dat tegenwoordig ondersteund?

 

[dudstone]

Door alle browser behalve < IE8 zie: http://caniuse.com/#search=nth

 

[istiti]

Ik heb nu dit. Het stukje van de afbeelding doet het. De rest niet. Als ik alles in 1 div steek lukt het ook, maar dan komt alles gewoon onder elkaar (eerst alle namen , dan alle omschrijvingen)
het moet dus zo zijn dat div atrikelAfbeelding links staat en dan daar rechts van eerst de naam met onder de naam , maar ook naast de afbeelding, de omschrijving.

<div class="artikelAfbeelding">
		<?php
			$sql = "SELECT * FROM Afbeelding WHERE ARTIKEL_ID=".$rij["ARTIKEL_ID"]." ORDER BY created_at";
			$afbeeldingen = mysql_query($sql);
			if (mysql_num_rows($afbeeldingen) > 0) {
				while ($afb_rij = mysql_fetch_array($afbeeldingen)) {
						$bestandsnaam = $sitepad.$afb_rij["AFBEELDING_ID"].$afb_rij["Bestandstype"];
						print "<img src=\"$bestandsnaam\">&nbsp;";
					}
			} else {
				print "Geen afbeeldingen voor dit artikel";
			}
		?>
	</div><!--einde afbeelding-->

	<?php 
		$sql = "SELECT * FROM Artikel";
		$resultaat  = mysql_query($sql); 
		if (mysql_num_rows($resultaat) > 0) {
			while ($rij = mysql_fetch_array($resultaat)) {
				print '<div class="artikelNaam">';
				print $rij['Naam']."<br />";
			}
			print '</div>';
	}
	?>

    <?php 
		$sql = "SELECT * FROM Artikel";
		$resultaat  = mysql_query($sql); 
		if (mysql_num_rows($resultaat) > 0) {
			while ($rij = mysql_fetch_array($resultaat)) {
				print '<div class="artikelOmschrijving">';
				print $rij['Omschrijving']."<br />";
			}
				print '</div>';
		}
	?>
</div><!--einde artikel-->

 

[istiti]

Dit is de css :

.artikel{
	width: 200px;
	height: 250px;
	border:thin;
	border-color:#000;
	overflow:hidden;
	float: left;	
}

.artikelAfbeelding{
	width:80px;
	margin-right:5px;
	height:250px;
	float:left;
	overflow:hidden; 
}
.artikelNaam{
	width:120px;
	height:30px;
	float:left;
	overflow:hidden; 
}
.artikelOmschrijving{
	width:180px;
	height:200px;
	float:left;
	overflow:hidden;
}